Tento obrázek není v mřížce, je zarovnán na střed a může se rozbalit. Má nastavenou šířku 500px.

Výchozí nastavení obrazů vyplní šířku kontejneru až do maximální 100% jejich velikosti, pokud není určena šířka.

 

 

Tento obrázek není v mřížce, je zarovnán doleva a může se rozbalit.  Má nastavenou šířku 500px.

 

Tento obrázek není v mřížce, je zarovnán doprava, může se rozbalit a má vazbu.  Má nastavenou šířku 500px.

 

Tento obrázek není v mřížce, je zarovnán na střed a nelze jej rozbalit.  Má nastavenou šířku 500px.

Tento obrázek je v prvku mřížky 50/50 a je zarovnán doprava, aby byl zarovnán na pravou stranu stránky. Jeho šířka je nastavena na 250 px. Obrázek obsahuje také odkaz.

Tento obrázek je v prvku mřížky 50/50 a je zarovnán doleva, aby byl zarovnán s levou stranou stránky. Jeho šířka je nastavena na 250 px. Obrázek lze také rozbalit.

Tento prvek mřížky má také světle šedou barvu pozadí, která usnadňuje jeho zobrazení.

Tento obrázek je v prvku mřížky 50/50. Tento obrázek nemá určenou šířku, takže se rozšíří tak, aby vyplnil kontejner. Obrázek je možné také rozbalit.

Tento prvek mřížky má také středně šedé pozadí, které usnadňuje jeho zobrazení.

 

Toto je obrázek s plnou šířkou. Není určena šířka, proto se rozšíří tak, aby zaplnily její kontejner, až do maximální 100% šířky obrazu.

 

Toto je obrázek s plnou šířkou s přidanou třídou s velkým výchozím nastavením.

 

Toto je obrázek s plnou šířkou s přidanou třídou s malou výchozí hodnotou.