2015-07-20 48 views
0

我正在使用引導,並且當我使用下拉菜單創建按鈕時,他錯誤地放置了箭頭。拆分按鈕下拉問題

以下是一個示例圖像。

http://postimg.org/image/5ccnnfwsl/

我正在使用的代碼爲這個

<div class="btn-group"> 
    <button type="button" class="btn btn-danger">Action</button> 
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    <span class="caret"></span> 
    <span class="sr-only">Toggle Dropdown</span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li role="separator" class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</div>   
+1

看起來不錯,我[小提琴](https://jsfiddle.net/3hu51gg3/)。你是否改變了任何構建在類中的引導程序的顯示屬性? – DavidDomain

+0

看起來您正在''.btn-group .btn'中的一個類上使用'display:flex'。 – DavidDomain

+0

你好大衛, 我沒有改變任何bootstrap文件,我使用「sb-admin-2」和自定義CSS沒有這些類,所以我不知道哪裏可能是問題,我也更新了引導根文件其他和錯誤仍然存​​在。 –

回答

1

問題是,我有沒有設置<! DOCTYPE html>。有沒有人知道爲什麼沒有這個標籤它只是打破了這個元素?

+0

大家好,謝謝大家的回答,但問題是我沒有設置<! DOCTYPE html>,有沒有人知道爲什麼沒有這個標籤它只是打破了這個元素? –

0

其中一個原因可能是line-height屬性爲您dropdown-toggle類被設置爲0。