Я использую Bootstrap, и я бы хотел установить для всего btn-group
ширину 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%;
}