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).

voer hier de afbeeldingsbeschrijving in



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow