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

【问题标题】：Dropdown list isn't shown correctly! Why?下拉列表显示不正确！为什么？
【发布时间】：2015-03-02 04:20:18
【问题描述】：

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

<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">

【问题讨论】：

使用bootply 时效果很好。但是为什么在这里使用单选？这是不必要的。
您的 css 类可能丢失 -- ".dropdown-toggle"
@Andre - 你缺少 bootstrap-select.min.css - 它在这里工作 jsfiddle.net/hj152mge/23
@Friso van Dijk 感谢您的快速回答，是的，您是对的，我们得到了相同的结果，但通常我应该在这里得到/（将有 ;D）这个结果（向下滚动直到它说Radio & Checkboxes > Usage > 然后下拉菜单选择“选项 1”）-> behigh.github.io/bootstrap_dropdowns_enhancement
您需要为样式添加他们的自定义 CSS dropdowns-enhancement.css。 Fiddle

标签： html twitter-bootstrap button drop-down-menu twitter-bootstrap-3

【解决方案1】：

像其他人一样，这是一个工作示例：http://codepen.io/emaildano/pen/zxopNj

您能否提供更多关于此“未正确显示”的详细信息？

如果我不得不猜测您指的是下拉菜单的宽度。设置为 160 像素的 min-width。当然可以改变。

【讨论】：