Twitter Bootstrap: jak nie skalować kolumn do pojedynczego wiersza poniżej 767 pikseli
jak już wiesz, skala bootstrapu twittera każdy zakres * do 100% szerokości, jeśli jesteś na 767px i poniżej. Na przykład, jeśli mamy dwie kolumny na 768px i powyżej:
<div class="row">
<div class="span6">Column 1</div>
<div class="span6">Column 2</div>
</div>
to jest wynik:
| column 1 | column 2 | <- desktops
na 767px i poniżej będą się zawalać do:
| column 1 | <- tablets, mobile
| column 2 |
i tak właśnie powinno być.
Ale… w jaki sposób podchodzisz, jeśli chcesz tego zachowania dla rzędu, ale nie dla innego?
Jak zostawić dwie (lub więcej) kolumny nawet poniżej 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 |
Jestem naprawdę ciekawa.