Vsebina

Tipografija

Bootstrap poskrbi za osnovni vizualni red tipografije: naslove, odstavke, sezname, poudarke in berljiv razmik med elementi. S tem dobi stran urejeno osnovo, ki jo lahko pozneje prilagodiš lastni grafični podobi.

Naslovi

Naslovni elementi h1 do h6 ostanejo semantični, Bootstrap pa jim doda privzeto velikost, razmik in razmerje med vrsticami. Za dodatno prilagoditev lahko uporabiš utility razrede za velikost, težo pisave in razmike.

Besedilne oznake HTML5

Pomembno je, da uporabljaš semantične elemente, kot so main, section, article, nav in footer. Bootstrap jih ne nadomesti, temveč jih lepo dopolni z razredi za videz in postavitev.

Koda

Za poudarjanje kratkih delov kode je primeren element code, za večje bloke pa pre in code skupaj. To je uporabno v učnih gradivih, dokumentaciji in primerih uporabe razredov.

<button class="btn btn-primary">Pošlji</button>

Slike

Razred img-fluid poskrbi, da se slika prilagaja širini nadrejenega elementa in ne preseže razpoložljivega prostora. Dodaten videz dosežeš z zaobljenimi robovi, sencami ali okvirji.

Tabele

Tabele lahko hitro narediš preglednejše z razredi za obrobe, črtaste vrstice in odzivni ovoj. Posebej pri manjših zaslonih je koristno, da jih oviješ v element z razredom table-responsive.