表格单元格中的下拉菜单

Question

我试图将twitter bootstrap下拉列表应用于表的表单元格： http : //jsfiddle.net/NzvKC/500/因此，这不起作用。 我照这样做了 。 但是它是这样的：

<li class="dropdown span2" id="chamber">
            <a href="#" class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
            Name
            <b class="caret"></b>
            <br><br>
            </a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li class="liInner" role="presentation"><a role="menuitem" tabindex="-1" href="#">Value</a></li>
          </ul>
            </li>

我究竟做错了什么？

Answer 1

问题是悬停脚本。 从cameronspear页面获取代码，您的示例将可用 。

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">Dropdown <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Dropdown link</a>
    </li>
    <li><a href="#">Dropdown link</a>
    </li>
    <li><a href="#">Dropdown link</a>
    </li>
  </ul>
</div>
<script src="http://cameronspear.com/downloads/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>