2013-02-14 58 views
9

我有史以來最古怪的錯誤!我從twitter引導組件頁面逐行使用代碼的下拉列表,我沒有得到相同的結果。 這是我的下拉菜單。拆分下拉按鈕的尺寸不一樣

enter image description here

重寫任何引導的CSS。我甚至刪除了所有樣式表,並使用了按鈕,我仍然得到相同的結果。

PS:我用的鋼軌將-PAGINATE自舉plugin..which我想擁有所有必要的引導文件

這裏是我的HTML輸出

<div class="btn-group"> 
    <a class="btn btn-primary" href="/user/profile/test_user"> 
    <i class="icon-user icon-white"></i> 
    test_user 
    </a> 
    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 

    </ul> 
</div> 

回答

24

我敢肯定你沒有使用HTML5文檔類型(<!DOCTYPE html>)。

Bootstrap's documentation

引導利用某些HTML元素和 需要使用HTML5的doctype CSS屬性。將其包含在 開頭的所有項目中。

+2

這仍然是在引導3 http://getbootstrap.com/css/#overview-doctype – zmanc 2013-09-03 16:10:43

+0

我很好奇html5的功能使這種差異。任何想法? – keithjgrant 2013-11-07 21:59:16

+0

謝謝!這一直在困擾我一段時間。 – ZiGiUs 2014-08-18 15:34:18