Képek
Dokumentáció és példák a képek reszponzív viselkedésre való beállításához (hogy soha ne legyenek nagyobbak, mint a szülőelemeik), és könnyű stílusokat adjon hozzájuk – mindezt osztályokon keresztül.
A Bootstrap képei reszponzívvá lettek a segítségével .img-fluid
. max-width: 100%;
és height: auto;
alkalmazzák a képre úgy, hogy az a szülőelemmel arányos legyen.
SVG képek és IE 10
Az Internet Explorer 10 böngészőben az SVG-képek .img-fluid
aránytalanul nagyok. Ennek kijavításához adja hozzá, width: 100% \9;
ahol szükséges. Ez a javítás helytelenül méretezi a többi képformátumot, így a Bootstrap nem alkalmazza automatikusan.
A szegélysugár segédprogramjaink mellett .img-thumbnail
a képnek lekerekített, 1 képpontos szegélyt adhat.
Igazítsa a képeket a segédlebegő osztályokhoz vagy a szövegigazítási osztályokhoz . block
-szintű képek középre igazíthatók a .mx-auto
margó hasznossági osztály használatával .
Ha az <picture>
elemet több <source>
elem megadására használja egy adott <img>
, akkor ügyeljen arra, hogy az .img-*
osztályokat a címkéhez adja hozzá, <img>
és ne a <picture>
címkéhez.