Bootstrap响应按钮组合理

use*_*536 7 html css twitter-bootstrap twitter-bootstrap-3

在twitter bootstrap 3中,有一个组件准备名称按钮组合理.网址:http://getbootstrap.com/components/#btn-groups-justified

.btn-group.btn-group-justified如果我们有更多按钮,我们有什么方法可以做出响应友好的方式吗?也许我们可以把它放到2行而不使用display: block和保留它,display: table-cell以便它可以保持垂直对齐中间?

在此输入图像描述

是否内置了引导程序准备的类?因为他们准备了这个Button Group Justified css组件,如果有许多按钮用较长的单词作为文本,他们是否有任何东西使其响应友好?

这是我的小提琴:http://jsfiddle.net/kHW3V/

nol*_*awi 2

是的,如果您使用像这样的常规按钮组,它已经响应了

<div class="btn-group">
    <button type="button" class="btn btn-default">Text</button>
</div>
Run Code Online (Sandbox Code Playgroud)

更新了小提琴

如果您必须有合理的理由,请告诉我!

  • 不幸的是,当被迫多行时,分组看起来有点像垃圾 (7认同)