Twitter bootstrap Boostrap 3中带有窗体控件类的下拉按钮？

我对Bootstrap3中的表单控件类感到非常困惑。 将表单控件类添加到一个简单的按钮会使它在较小的设备上以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组包装都没有区别。什么也没发生：/Any ideas？

我不认为这些调整可以在不接触css的情况下完成。首先，“表单控件”类应仅应用于按钮，然后由于wrapping div.btn-group inline block属性，它不会拉伸

因此，我们必须为小分辨率添加一个display:block触发类，即“col-xs-12”

对于更大的屏幕，有必要在媒体查询中手动将此显示重置回内联块

---

谢谢你的例子。

@media (min-width: 768px) {

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