Najnowsze tutoriale tworzenie stron internetowych

×

Bootstrap Poradnik

BS DOM BS Zaczynać BS Siatka podstawowa BS Typografia BS stoły BS Obrazy BS Jumbotron BS Wells BS Powiadomienia BS guziki BS przycisk Groups BS Glyphicons BS Odznaki / Wytwórnie BS Paski postępu BS Paginacja BS Pager BS Lista grup BS panele BS Dropdowns BS Collapse BS TABS / Pigułki BS navbar BS formularze BS Inputs BS Inputs 2 BS Input Sizing BS Karuzela BS Modalny BS Etykietka BS Popover BS Scrollspy BS Afiks

Bootstrap Siatka systemu

BS Siatka systemu BS Ułożone / pozioma BS Siatka BS Siatka Średni BS Siatka Duży BS Przykłady siatki

Bootstrap Motywy

BS Szablony BS Motyw "Simply Me" BS Motyw "Company" BS Motyw "Band"

Bootstrap Exam

Bootstrap CSS Ref

CSS Typografia CSS guziki CSS formularze CSS pomocnicy CSS Obrazy CSS stoły CSS Dropdowns CSS Navs Glyphicons

Bootstrap JS Ref

JS Afiks JS Alarm JS Przycisk JS Carousel JS Collapse JS Upuścić JS Modal JS Popover JS Scrollspy JS Patka JS Etykietka

Bootstrap CSS Reference Images

❮ Poprzednie Następne referencyjny ❯

Bootstrap Images

Zaokrąglone rogi:

Cinque Terre

Okrąg:

Cinque Terre

Miniaturka:

<img> Klasy

Poniższe klasy mogą być wykorzystywane do dowolnego obrazu styl:

Klasa	Opis	Przykład
.img-rounded	Dodaje zaokrąglonymi narożnikami do obrazu (niedostępne w IE8)	Spróbuj
.img-circle	Kształtuje obraz do okręgu (niedostępne w IE8)	Spróbuj
.img-thumbnail	Kształtuje obraz do miniaturki	Spróbuj
.img-responsive	Sprawia, że obraz reaguje (będzie skalować ładnie elementu nadrzędnego)	Spróbuj

reagujących Images

Tworzenie obrazów reagujących dodając .img-responsive klasę do <img> tagu. Obraz będzie skalować ładnie do elementu nadrzędnego.

.img-responsive klasa ma zastosowanie max-width: 100% , height: auto i display:block do obrazka:

Przykład

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">

❮ Poprzednie Następne referencyjny ❯