Učimo vas kako izraditi web stranicu i programirati
 



Bootstrap

Bootstrap CSS - Typography

Uvod

Tipografija se odnosi na oblikovanje texta u dokumentu.

Headings

Za pisanje naslova u bootstrapu koriste se regularni H1 do H6 HTML tagovi.

Primjer sa H1 do H6 tagovima.
vidi code » vidi stranicu

Ukoliko želimo unutar headinga napisati manji text upotrijebit ćemo <small> </small> tagove.

Primjer sa H1 do H6 tagovima unutar kojih je smješten SMALL tag.
vidi code » vidi stranicu



Body text

Predefinirana veličina texta za BODY i P tagove jest font-size:14px sa line-height:1.428.
Ove veličine su definirane u Less fajlu /bootstrap-3.1.1/less/variables.less .

Primjer koji pokazuje da je veličina fonta ista za P i BODY tag.
vidi code » vidi stranicu

Ako želimo povećati font u P tagu onda ćemo dodati klasu class="lead".

Primjer koji upotrebljava lead klasu.
vidi code » vidi stranicu



Inline tagovi

Od inline tagova upotrebljavaju se MARK, DEL, S, INS, U, SMALL, STRONG i EM.
Također se mogu koristiti i I i B tagovi.

Primjer sa svim inline tagovima.
vidi code » vidi stranicu



Poravnanje texta

Za poravnanje texta koriste se slijedeće CSS klase: text-left , text-center , text-right , text-justify i text-nowrap.

Primjer sa svim klasama za poravnanje texta.
vidi code » vidi stranicu



Popisi

Nepobrojani popisi se kreiraju sa UL , a pobrojani sa OL tagovima.

Primjer sa nepobrojanim i pobrojanim popisom.
vidi code » vidi stranicu

Ako želimo da stavke popisa budu raspoređene vertikalno bez oznaka ispred upotrijebit ćemo klasu class="list-unstyled". Ovo se može koristiti kod vertikalnih menua.

Primjer class="list-unstyled".
vidi code » vidi stranicu

Ako želimo da stavke popisa budu u istoj liniji upotrijebit će se class="list-inline". class="list-inline". Ovo se može koristiti kod horizontalnih menua.

Primjer class="list-inline".
vidi code » vidi stranicu



Velika i mala slova (NE RADI !!!)

Za mala slova koristi se text-lowercase. Za velika slova koristi se text-uppercase. Da bi prvo slovo u textu bilo veliko koristi se text-capitalize.

Primjer sa velikim i malim slovima.
vidi code » vidi stranicu




| Uvjeti Korištenja | Zaštita Privatnosti | Kontakt |