4 Spalten 2 Spalten mit Twitter Bootstrap

Ich habe ein 4-Spalten fluid-layout:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3">A</div>
        <div class="span3">B</div>
        <div class="span3">C</div>
        <div class="span3">D</div>
    </div>
</div>

[  A  ][  B  ][  C  ][  D  ]

Für mobile Geräte, bootstrap macht die Spalten einer unter anderen, die gut funktioniert:

[            A             ]
[            B             ]
[            C             ]
[            D             ]

Aber für tablets, ich möchte 2 Spalten von 2:

[      A     ][      B     ]
[      C     ][      D     ]

Ist es möglich dieses Verhalten nativ mit bootstrap?

  • Es gibt keine solche Funktionalität zur Verfügung nativ, afaik.
  • Ja, nicht nativ. Ich habe es selbst getan, obwohl durch das überschreiben einige der Bootstrap-CSS. Wären Sie daran interessiert, es zu sehen?
  • Ok, das ist was ich dachte 🙁 Und ja, ich bin neugierig zu sehen, wie du es getan hast. 🙂
InformationsquelleAutor Emilie | 2013-02-20
Schreibe einen Kommentar