Vorige
Volgende

Bootstrap een pagina maken

Het maken van de eigenlijke pagina is eigenlijk nog het eenvoudigste. Na je menu structuur en vóór je footer plaatst je 1 of meerdere container(s) zie Bootstrap 1ste pagina
Deze bestaat in dat voorbeeld uit 2 kolommen. Waar je daar in de code Kolom 1 of kolom 2 enz ziet staat kan jij inhoud plaatsen zoals je gewoon bent.
Dit kan een afbeelding of tekst zijn. Alle standaard opmaak kan je hier gebruiken.

Hieronder een voorbeeldje met 1 container over de ganse breedte, en een container met een rij met 2 kolommen.
Waarom 2 container vraag je je misschien af. Dan kan je beide containers een verschillende achtergrond kleur geven of indien gewenst een achtergrond afbeelding.

Welkom op mijn reis website

Je krijgt telkens een foto met daarbij de uitleg waar en wanneer hij gemaakt is.

Hier is op de ouderwetse in de container div style="text-align" achter class="container" geplaatst je tekst gecentreerd in de gans bovenste container
bootstrap heeft daar ook een class voor, maar dit als voorbeeld dat je nog je eigen zin kan doen.
bootstrap zelf gebruikt hiervoor class="text-center" en geef je in de container div op als class="container text-center"



Ontvangsthal Ursulinnenklooster

Ursulinnen klooster te O.L.V Waver

Dit is de ontvangsthal van de school. De school verbonden aan het klooster was vroeger wereldwijd bekend en peperduur, en hier werden de ouders van de kinderen uit Nederland Chili of waar dan ook ontvangen

Al waar je aan moet denken is dat een foto die je plaatst de class="img-responsive" moet hebben. Dan past de foto zich in hoogte en in breedte automatisch aan aan de beschikbare ruimte,

Als voorbeeldje van de opmaak, het woord ontvangsthal heb ik op de meest gebruikelijke manier in je editor aangepast naar bold en italic.

Vorige
Volgende