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 |

Мне действительно любопытно.

Ответы на вопрос(1)

Ваш ответ на вопрос