Twitter上的Bootstrap「下拉切換」上的「btn btn-block btn-lg btn-primary」？

Question

如何在「btn btn-block btn-lg btn-primary」按鈕上添加「Dropdown Toggle」？

我有聯繫 「BTN BTN-塊BTN-LG BTN-主」 像這樣

<a href="#" class="btn btn-block btn-lg btn-primary">Download</a> 

http://jsfiddle.net/9ky34/2/

我想 「下拉菜單切換」 添加到上面的鏈接加入「btn-塊BTN-LG「在類按鈕，並加入 」BTN-LG「 在下拉類這樣的：

<div class="btn-group"> 
<button type="button" class="btn btn-block btn-lg btn-primary">Download</button> 
<button type="button" class="btn btn-lg btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> 
<ul class="dropdown-menu"> 
<li><a href="#">Action</a></li> 
<li><a href="#">Another action</a></li> 
<li><a href="#">Something else here</a></li> 
<li class="divider"></li> 
<li><a href="#">Separated link</a></li> 
</ul> 
</div> 

http://jsfiddle.net/9ky34/3/

但它不顯示在同一行上，我該如何解決這個問題？

下拉列表即將出現在下一行。

Answer 1

這是因爲btn-block類中刪除它，它集display: block

<div class="btn-group" style="width: 100%"> 
    <button type="button" class="btn btn-lg btn-primary dropdown-toggle btn-block" data-toggle="dropdown"> 
     Action <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" role="menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 
</div> 

演示：Fiddle