Twitter Bootstrap: как не масштабировать столбцы в одну строку под 767px
Как вы уже знаете, Twitter Bootstrap масштабирует каждый диапазон * до 100% ширины, если вы на 767px и ниже. Так, например, если у нас есть два столбца на 768px и выше:
<div class="row">
<div class="span6">Column 1</div>
<div class="span6">Column 2</div>
</div>
это результат:
| column 1 | column 2 | <- desktops
на 767px и ниже они рухнут в:
| column 1 | <- tablets, mobile
| column 2 |
и это то, что должно быть.
Но ... как вы подходите, если хотите, чтобы это поведение было для ряда, а не для другого?
Как оставить два (или более) столбца даже под 767px?
<div class="row">
<div class="span6">Column 1</div>
<div class="span6">Column 2</div>
</div>
<div class="special row">
<div class="span6">Column 1</div>
<div class="span6">Column 2</div>
</div>
| column 1 | column 2 | <- desktops
| column 1 | column 2 |
| column 1 | <- tablets, mobile
| column 2 |
| c1 | c2 |
Мне действительно любопытно.