Twitter Bootstrap: Wie man Spalten nicht auf einzelne Zeilen unter 767px skaliert
Wie Sie bereits wissen, skaliert Twitter Bootstrap jede Spanne * auf 100% Breite, wenn Sie mit 767px und darunter arbeiten. Wenn wir also beispielsweise zwei Spalten mit 768px und höher haben:
<div class="row">
<div class="span6">Column 1</div>
<div class="span6">Column 2</div>
</div>
Das ist das Ergebnis:
| column 1 | column 2 | <- desktops
bei 767px und darunter werden sie zusammenbrechen zu:
| column 1 | <- tablets, mobile
| column 2 |
und das soll es sein.
Aber… wie gehen Sie vor, wenn Sie dieses Verhalten für eine Reihe, aber nicht für eine andere wollen?
Wie kann man zwei (oder mehr) Spalten auch unter 767px belassen?
<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 |
Ich bin sehr neugierig.