Responsivne slike
U bootstrapu 3 slike mogu biti responsivne upotrebom klase class="img-responsive".Ova klasa sadrži width:100%; pa zato zauzima cijelu širinu parent elementa. Na primjer ako je IMG unutar BODY taga onda će slika zauzimati 100% širine dokumenta pri bilo kojoj veličini ekrana.
Primjer sa responsivnom slikom unutar BODY taga.
vidi code
» vidi stranicu
Primjer sa responsivnom slikom unutar bootstrap kolone.
vidi code
» vidi stranicu
Slika kao pozadina
Da bi slika kao pozadina bila responsivna potrebno ju je staviti u responsivni element.Primjer sa slikom koja je stavljena kao background unutar responsivnog elementa.
vidi code
» vidi stranicu
Oblici Slike
Okviri slika se mogu uobličiti pomoću:img-rounded , img-circle , img-thumbnail
Primjeri:
vidi code
» vidi stranicu
Text Wrapping
Predefinirano se text ne omotava oko responsivne slike. Zato je potrebno dodati slijedeća CSS svojstva:Primjeri omotavanja texta oko slike koja je responsivna.
vidi code
» vidi stranicu