jquery – 引导程序中的下拉列表而不是列表我想要从下拉列表中列出X列

这是我的Fiddle.

Dropdown1下是一个操作列表,以1列显示.

我希望能够在超过1列,比如5或页面宽度上显示此列表.

我希望我可以使用bootstrap CSS中的一些类来实现这一点,但我可能需要做一些CSS.

我怎样才能做到这一点?

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown1 <span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Action</a></li>
  </ul>
</li>

EDIT1

我正在考虑使用this

.dropdown-menu {
    height: 300%;
    width: 400%;
}

但他控制下拉区域,我认为需要分散行动来填补这个区域.

EDIT2

another可能的方式,但这提出了自己的问题

ul .dropdown-menu li{
    float: left;
    width: 50%;//helps to determine number of columns, for instance 33.3% displays 3 columns
}
最佳答案
您可以使用btn-gropus中的下拉列表来执行此操作.
见:http://getbootstrap.com/components/#btn-groups-nested

注意:使用此方法您必须有5个单独的下拉列表.

转载注明原文:jquery – 引导程序中的下拉列表而不是列表我想要从下拉列表中列出X列 - 代码日志