twitter-bootstrap
Raster nestelen
Zoeken…
Invoering
In Bootstrap is het mogelijk om rasterkolommen in andere kolommen te gebruiken. Dit is handig bij het maken van geavanceerde responsieve lay-outs die meerdere rasterlagen gebruiken.
Opmerkingen
We kunnen zoveel mogelijk kolommen op de bovengenoemde manier hebben.
Kolommen nesten
<div class="row">
<div class="col-sm-9">
Level 1: .col-sm-9
<div class="row">
<div class="col-xs-8 col-sm-6">
Level 2: .col-xs-8 .col-sm-6
</div>
<div class="col-xs-4 col-sm-6">
Level 2: .col-xs-4 .col-sm-6
</div>
</div>
</div>
</div>
Het voorbeeld is afkomstig van [ http://getbootstrap.com/css/#grid-nesting
zoals de documentatie van de officiële website suggereert
Als u uw inhoud met het standaardraster wilt nesten, voegt u een nieuwe .row en set .col-sm- * kolommen toe binnen een bestaande .col-sm- * kolom. Geneste rijen moeten een set kolommen bevatten die maximaal 12 of minder toevoegen (het is niet vereist dat u alle 12 beschikbare kolommen gebruikt).
Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow