Vorige
Volgende

Bootstrap basis benodigheden

Je start met het aanmaken van een pagina, met doctype, header en body. Met anderte woorden een normale pagina zonder inhoud.
Zorg er wel voor dat het doctype dat voor html5 is en dat is het simpelste doctype ooit.
<!DOCTYPE html> en dat staat op je allereerste lijn.

Verder moet er nog een verwijzing gemaakt worden naar bootstrap.css.
Je kan bootstrap.css zetten in je map css van je website of er naar verwijzen op het internet.

Maar een verwijzing op internet zorgt wel dat je steeds een geupdate versie gebruikt, dus ik ga die methode gebruiken.
Hiervoor plaatst je volgende links en scripts in je header
En je moet geen schrik hebbeb dat de link naar 3.3.7 zal verdwijnen.

Link en scripts in header te zetten voor Bootstrap V 3.3.7

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Link en scripts in header te zetten voor Bootstrap V 4.0.0 beta 2

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>

Link eigen css in header te zetten na 1 van de bovenstaande links

<link href="css/style.css" type="text/css" rel="stylesheet">

Om iets in bootstrap aan te passen, kan je in bootstrap.css gaan rondneuzen tot je de class hebt gevonden of je kan een eigen stylesheet maken en deze toevoegen met link enz...
Deze stylesheet MOET dan wel achter deze van bootstrap.css gezet worden.
Reden: de laatst tegengekomen style regel wordt uitgevoerd en de vorige wordt dan genegeerd.


Om te beginnen kies je hier welke versie je wilt gaan gebruiken.
Versie 3.3.7 waar zeer veel sjablonen voor bestaan en zal blijvend ondersteund worden
of de nieuwste versie 4.0.0 die nog maar aan beta 2 toe is en waar eigenlijk nog geen sjablonen voor bestaan.


Vorige
Volgende