我使用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%; }