Boostrap 3中的窗體控件類的下拉按鈕？

Question

我對Bootstrap 3中的窗體控件類感到非常困惑。 將窗體控件類添加到一個簡單按鈕使其在較小的設備上顯示寬度爲100％。

我怎樣才能達到相同的效果下拉按鈕？

<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" 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> 

將表單控件添加到btn組，按鈕，或者用from-group包裝都沒有區別。什麼都沒有發生：/任何想法？

Answer 1

我不認爲這些調整可以在沒有觸及CSS的情況下完成。首先，「表單控件」類只應用於按鈕，之後它不會因包裝div.btn-group inline-block屬性而拉伸。

所以我們必須爲小分辨率添加一個display：block觸發類，它是「col-xs-12」。

對於更大的屏幕，需要在媒體查詢中將此顯示手動重置爲內聯塊。

http://jsfiddle.net/EuHm5/

@media (min-width: 768px) { 

    .btn-group.col-xs-12 { 
    display:inline-block;  
    width:auto; 
    } 
}