下拉列表显示不正确！为什么？

单击下拉列表按钮时，下拉列表打开，但未正确显示。有人有想法解决这个问题吗？下拉列表显示不正确！为什么？

<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

下拉列表显示不正确！为什么？

回答

相关问题