下拉引導程序+而不是列表我想從下拉菜單中選擇X列列表

Question

這是我的Fiddle。

在Dropdown1下是一列操作列表，顯示在1列中。

我希望能夠通過多於一列，可以說5或頁面寬度呈現此列表。

我希望在引導CSS中有一些class我可以用來實現這一點，但我可能不得不做一些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%; 
} 

但他控制的下拉區域，我juest需要展開的行動，以填補該區域。

EDIT2

another可能的方式，但這種存在其自身的問題

ul .dropdown-menu li{ 
    float: left; 
    width: 50%;//helps to determine number of columns, for instance 33.3% displays 3 columns 
} 

Answer 1

可以使用BTN-gropus內的下拉列表中做到這一點。 請參閱：http://getbootstrap.com/components/#btn-groups-nested

注意：使用此方法必須有5個單獨的下拉菜單。

Answer 2

假設您可以在第二個示例的下拉菜單上設置寬度，請嘗試將display: inline-block添加到下拉li元素中。

.dropdown-menu li { 
    display: inline-block; 
} 

Here's your fiddle帶有這種變化。但是，這會影響您的第二個下拉列表，因此您可能需要將自定義類添加到第一個下拉列表中，如果這是您想要應用這些特定更改的唯一一個。