Не могу понять как реализовать следующее поведение верстки.
- Необходимо чтобы все элементы были одинаковой МИНИМАЛЬНОЙ ширины.
- Необходимо чтобы элементы стояли ровно один над другим без смещений.
- Оба первых правила должны работать в респонсивной версии.
Немогу так же понять почему в примере кода не работают
span6
, кто знает почему, прошу отредактировать пример.
@import url('https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="container-fluid">
<div class="row-fluid">
<div class="span6">
<div class="" data-toggle="buttons-radio">
<button class="btn btn-mini btn-primary" value="all">
Все</button>
<button class="btn btn-mini btn-primary" value="dogs">
Собака</button>
<button class="btn btn-mini btn-primary" value="cats">
Кошка</button>
<button class="btn btn-mini btn-primary" value="other">
Другие</button>
<button class="btn btn-mini btn-primary" value="goods">
Товары</button>
<button class="btn btn-mini btn-primary" value="services">
Услуги</button>
</div>
</div>
<div class="span6">контент</div>
</div>
</div>
.btn-block