logo

Eerste Bootstrap-voorbeeld

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