下拉列表顯示不正確！爲什麼？

單擊下拉列表按鈕時，下拉列表打開，但未正確顯示。有人有想法解決這個問題嗎？下拉列表顯示不正確！爲什麼？

<div class="btn-group"> 
    <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"> 
    Checked option    
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li><input type="radio" id="ID" name="NAME" value="VALUE"> 
     <label for="ID">Label</label> 
    </li> 
    <!-- Other items --> 
    </ul> 
</div>

而且我包括這兩個引導文件：

<script src="js/bootstrap.js"></script> 
<link href="css/bootstrap.min.css" rel="stylesheet">

來源

2015-01-04 André Kuhlmann

使用[bootply]（http://www.bootply.com/AYcyMRjZA7）時可以正常工作。但爲什麼在這裏使用無線電選擇？這是沒有必要的。 – 2015-01-04 13:07:41

你的css類可能會丟失 - 「.dropdown-toggle」 – user1428716 2015-01-04 13:15:14

@Andre - 你錯過了bootstrap-select.min.css - 它在這裏工作http://jsfiddle.net/hj152mge/23/ – user1428716 2015-01-04 13:51:45

和其他人一樣，這裏的工作示例：http://codepen.io/emaildano/pen/zxopNj

你能否提供關於如何「不詳細正確顯示「？如果我不得不猜測你指的是下拉寬度。這設置爲160px的min-width。當然可以改變。

來源

2015-01-04 17:14:09

下拉列表顯示不正確！爲什麼？

回答

相關問題