Layout tweederde eenderde
Verdeling 66.66% - 33.33% vanaf het ingestelde breekpunt.
Benodigde stappen:
- Voeg de benodigde bestanden toe aan het project. Voor een overzicht van de benodigde en optionele bestanden zie: Bijbehorende bestanden.
- Voeg de class
two-thirds-one-third
toe aan de gewenste componenten. Voor meer informatie zie: Voorbeelden.
Voorbeelden
Visueel voorbeeld:
Lorem ipsum dolor set
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue ac enim luctus, vitae iaculis magna vestibulum. Aenean est mauris, condimentum et molestie sed, tempus in massa.
Lorem ipsum dolor set
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue ac enim luctus, vitae iaculis magna vestibulum. Aenean est mauris, condimentum et molestie sed, tempus in massa.
HTML-voorbeeld:
div
:
<div class="two-thirds-one-third">
<div>
<!-- Content -->
</div>
<div>
<!-- Content -->
</div>
</div>
section
:
<section class="two-thirds-one-third">
<div>
<!-- Content -->
</div>
<div>
<!-- Content -->
</div>
</section>