Ich benutze Bootstrap 3 Responsive Grid, und ich habe ein Problem mit meinem Layout. HierBootstrap Responsive Grid-Layout: kann keine Zeilen von 3 Div anzeigen
ist die HTML-Struktur habe ich heute:
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-3"></div>
<div class="col-xs-6 col-sm-4 col-md-3"></div>
<div class="col-xs-6 col-sm-4 col-md-3"></div>
<div class="col-xs-6 col-sm-4 col-md-3"></div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-3"></div>
<div class="col-xs-6 col-sm-4 col-md-3"></div>
<div class="col-xs-6 col-sm-4 col-md-3"></div>
<div class="col-xs-6 col-sm-4 col-md-3"></div>
</div>
Dies funktioniert gut für "mobile" (col-xs-6) und "Desktop" (kalt-md-3), aber auf „Tablette "(col-sm-4), sieht es so aus (*
ein div zu sein):
* * *
*
* * *
*
Kann jemand helfen?
Bootstrap verwendet ein 12-Spalten-Raster, aber Sie versuchen, 16 Spalten in Ihr Layout zu integrieren. Aus diesem Grund sehen Sie die vierte Spalte unter den ersten drei col-sm-4. – vanburen