Voeg het HTML 5-doctype toe: Bootstrap gebruikt HTML-elementen en CSS-eigenschappen, dus u moet het HTML 5-doctype aan het begin van de pagina toevoegen met het lang-attribuut en de juiste tekenset.
Ex:
Any title //write code
Bootstrap is mobielvriendelijk: Bootstrap 3 is ontworpen om te reageren op mobiele apparaten.
Mobile-first-stijlen maken deel uit van het kernframework van Bootstrap. U moet de volgende tag aan het element toevoegen voor een juiste weergave en zoomen via aanraking:
Opmerking: De 'breedte=apparaatbreedte' part wordt gebruikt om de breedte van de pagina in te stellen, zodat deze de schermbreedte van het apparaat volgt (varieert afhankelijk van de apparaten).
De initiële schaal=1 onderdeel wordt gebruikt om het initiële zoomniveau in te stellen wanneer de pagina voor het eerst door de browser wordt geladen.
Containers: container wordt gebruikt om de inhoud van de site in te pakken. Er zijn twee containerklassen.
- De .container-klasse biedt een responsieve container met vaste breedte.
- De .container-vloeistof class biedt een container over de volledige breedte, die de gehele breedte van de viewport beslaat.
Let op: Een container kan niet in een container worden geplaatst.
Eerste Bootstrap-voorbeeld (met responsieve container met vaste breedte)
This is a Bootstrap example <p>Write your text here..</p>
Test het nu