logo

Första bootstrap-exemplet

Lägg till HTML 5-dokumenttypen: Bootstrap använder HTML-element och CSS-egenskaper, så du måste lägga till HTML 5 doctype i början av sidan med lang-attribut och korrekt teckenuppsättning.

Ex:

 Any title //write code 

Bootstrap är mobilvänligt: Bootstrap 3 är designad för att vara lyhörd för mobila enheter.

Mobile-first-stilar är en del av grundramen för Bootstrap. Du måste lägga till följande tagg inuti elementet för korrekt rendering och touch-zoomning:

 

Notera: De 'width=device-width' del används för att ställa in sidans bredd så att den följer enhetens skärmbredd (varierar beroende på enheter).

De initial skala=1 del används för att ställa in den initiala zoomnivån när sidan först laddas av webbläsaren.

Behållare: behållare används för att slå in webbplatsens innehåll. Det finns två containerklasser.

  • De .containerklass ger en responsiv behållare med fast bredd.
  • De .container-fluid klass tillhandahåller en behållare med full bredd som spänner över hela bredden av visningsporten.

Obs: En behållare kan inte placeras i en behållare.


Första bootstrap-exemplet (med responsiv behållare med fast bredd)

 This is a Bootstrap example <p>Write your text here..</p> 

Testa det nu