For at forstå hvordan man formater sine hjemmesider responsivt skal jeg gennemgå kort, hvad bootstrap grid er og hvordan det bruges. Man inkluderer predefinerede css, JavaScript og JQuery filer. Her nogle begreber
viewport: er metadata, eksempel på det er som følger:
<meta name="viewport" content="width=device-width, initial-scale=1">
Her skal indholdet fordele sig over hele enheds-bredden med enheds-skala 1. Grunden til, at man også skal have JavaScript ses af følgende figur.
Bootstrap Grid er css + JavaScript formatering, der er samlet sammen, så man ikke behøver ligesom at opfinde hjulet igen. Specielt kan der nævnes klassen, container, som sætter en webside (html) pænt op. Man laver en div af klassen container, <div class=”container”> …. </div>
Derudover har man bl. a. klasse “row” og col, med forskellige attributter, sådan at man kan lave pæne kolonner. Grunden til at det hedder Bootstrap Grid er at man kan have 12 kolonner, som man kan få sat pænt op. Desuden findes der en række css formatering til afsnit, media etc.
Bootstrap anvendes i forbindelse med HTML5, hvor der også findes flere tags, som så som Article, side, caption etc. Dette vil jeg beskrive senere.