Szczególną rolę niektórych elementów treści sygnalizuje ich formatowanie (stylizacja). Poniżej prezentujemy przykłady, objaśnienia i - w razie potrzeby - instrukcje stosowania.

Obramowanie obrazków

W prezentacji obrazków można zastosować trzy klasy opisujące ich obramowanie: img-rounded, img-circle, img-polaroid.

<img class="img-rounded" src="/image.jpg" />
Obrazek przykładowy prostokątny

 

<img class="img-circle" src="/image.jpg" />
Obrazek przykładowy wpisanny w koło

 

<img class="img-polaroid" src="/image.jpg" />
Obrazek przykładowy z zaokrąglonymi narożnikammi

Położenie grafiki

Ilustrację, którą chcemy wyświetlić po lewej stronie tekstu, oznaczamy atrybutem klasy: pull-left.

<img src="/..." class="pull-left" />

Ilustrację, którą chcemy wyświetlić po prawej stronie tekstu, oznaczamy atrybutem klasy: pull-right.

<img src="/..." class="pull-right" />

Obrazek przykładowy po lewej stronie tekstuObrazek przykładowy po prawej stronie tekstutekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst

<p><img class="pull-left" src="/images/demo/article.jpg" border="0" alt="Obrazek przykładowy po lewej stronie tekstu" /><img class="pull-right" src="/images/demo/article.jpg" border="0" alt="Obrazek przykładowy po prawej stronie tekstu" />tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst</p>

Nagłówki

Nagłówki opisują strukturę zawartości stron. Nagłówki I i II poziomu generowane są przez system, w dodawanej zawartości używamy ich wyjątkowo. Do oznaczenia śródtytułów w artykułach i innych treściach stosujemy nagłówki h3, h4, h5h6.

Nagłówek I poziomu

Nagłówki najwyższego I poziomu (<h1>) opisują główną zawartość strony. Są generowane przez system.

Nagłówek II poziomu

Nagłówki II poziomu oznaczają tytuły pozycji - artykułów, przeglądów artykułów, list pozycji w komponentach. Rownież są generowane przez system.

Nagłówek III poziomu

Nagłówka <h3> używamy do oznaczenia śródtytułów oraz do oznakowania tytułów modułów, generowanych automatycznie. W tytułach modułów dodatkowym wyróżnikiem nagłówka bywa kolor czcionki, niekiedy tło.

Nagłówki IV, V i VI p