Tartalmak
Tipográfia
A Bootstrap a HTML elemeket előformázza, a szöveges tartalmakat egy natív fontkészlettel látja el, minden operációs rendszernek a megfelelő rendszer fontkészletét töltve be.
<h1>H1 cím</h1>
<h2>H2 cím</h2>
<h3>H3 cím</h3>
<h4>H4 cím</h4>
<h5>H5 cím</h5>
<h6>H6 cím</h6>
<p>Bekezdés, lorem ipsum dolor sit amet consectetur
adipisicing elit. Quasi commodi excepturi ullam
doloremque quam amet veniam aut asperiores veritatis
rem aliquam voluptatem accusamus, optio odio quisquam
perspiciatis exercitationem id. Consequuntur!</p>
A megszokott címeken kívül lehetőség van nagy fontméretű, kiemelt címeket is használni, a display-1, display-2, display-3, display-4 CSS osztályokkal:
Hasonlóan a címekhez, a bekezdéseknek is van egy kiemelt verziója, amit a lead osztállyal hozunk létre. A példában csak az első bekezdésre tesszük rá:
Képek
Reszponzív képek
Reszponzív, környezetéhez adaptálódó méretű képet az img-fluid CSS osztállyal tudunk készíteni:
Ezek a képek nem nyomják szét a szülő elemüket, autómatikusan felveszik a rendelkezésre álló helyet szélességben.
Képek úsztatása szövegben
Kép szövegbe ágyazását a float left, és a float-right CSS osztályok teszik lehetővé:
Kép lekerekített sarkokkal
A kép sarkának lekerekítéséhez lássuk el egy rounded osztállyal:
Állítható a lekerekítés mértéke is, a rounded osztály mellett használhatjuk a rounded-sm és a rounded-lg osztályokat.
További kép stílusok
Last updated