我使用Bootstrap，我想设置一个整个btn组的宽度为其父元素的100％。我也喜欢内部按钮采取相等的宽度。因为它是，我不能实现。
我在这里做了一个JSFiddle：http://jsfiddle.net/BcQZR/12/
这里是HTML：
<div class="span8 background"> <div class="btn-group btn-block" id="colours"> <span class="btn"><input type='checkBox' name='size' value='red'/>red</span> <span class="btn"><input type='checkBox' name='size' value='orange'/>orange</span> <span class="btn"><input type='checkBox' name='size' value='yellow'/>yellow</span> </div> <!-- /btn-group --> </div>
这里是我当前的CSS，这不工作：
#colours {
width: 100%;
}
解决方法
@H_404_15@ BOOTSTRAP 2( source)问题是按钮上没有设置宽度。尝试这个：
.btn {width:20%;}
编辑：
默认情况下，按钮采用文本长度的自动宽度加上一些填充，所以我想你的例子，它可能更像14.5％的5按钮(以补偿填充)。
注意：
