Ultimele tutoriale de dezvoltare web
 

Bootstrap CSS Imagini de referință


Bootstrap Imagini

Colturi rotunjite:

Cinque Terre

Cerc:

Cinque Terre

miniatură:

Cinque Terre

<img> Clase

Clasele de mai jos pot fi folosite pentru orice stil de imagine:

Clasă Descriere Exemplu
.img-rounded Adaugă colțuri rotunjite la o imagine (not available in IE8) este (not available in IE8) Incearca-l
.img-circle Contureaza imaginea într - un cerc (not available in IE8) este (not available in IE8) Incearca-l
.img-thumbnail Contureaza imaginea la o miniatură Incearca-l
.img-responsive Face o imagine receptiv (will scale nicely to the parent element) Incearca-l

Imagini Responsive

Crearea de imagini sensibile prin adăugarea unui .img-responsive clasă la <img> tag - ul. Imaginea va scala apoi frumos la elementul părinte.

.img-responsive clasă se aplică max-width: 100% , height: auto și display:block la imagine:

Exemplu

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
Încearcă - l singur »