S čím potřebuješ pomoct?
Typografie
Výchozí nastavení Bootstrap 5
Bootstrap 5 používá výchozí font-size 1rem (16 px) a line-height je 1,5.
Všechny <p> elementy mají margin-top: 0 a margin-bottom: 1rem
<h1> – <h6>
HTML nadpisy (<h1> až <h6>) s větší font-weight a responsivní font-size
příklad
h2 Bootstrap nadpis
h3 Bootstrap nadpis
h4 Bootstrap nadpis
h5 Bootstrap nadpis
h6 Bootstrap nadpis
Můžete taky použít .h1 až .h6 třídy na jiné html elementy a udělat je tak aby se chovaly jako nadpisy
<p class="h1">h1 Bootstrap nadpis</p>
<p class="h2">h2 Bootstrap nadpis</p>
<p class="h3">h3 Bootstrap nadpis</p>
<p class="h4">h4 Bootstrap nadpis</p>
<p class="h5">h5 Bootstrap nadpis</p>
<p class="h6">h6 Bootstrap nadpis</p>
Více typografických tříd
.lead | Udělá odstavec výraznějším |
.text-start | Indikuje zarovnání textu vlevo |
.text-break | Zabraňuje rozbití dlouhého textu rozložením |
.text-center | Indikuje zarovnání textu na střed |
.text-decoration-none | Odstraní podtržení z odkazu |
.text-end | Indikuje zarovnání textu vpravo |
.text-nowrap | Indikuje text bez zalamování |
.text-lowercase | Indikuje text s malými písmeny |
.text-uppercase | Indikuje text s velkými písmeny |
.text-capitalize | Indikuje text s počátečními velkými písmeny |
.initialism | Zobrazí text uvnitř elementu <abbr> ve zmenšené velikosti písma |
.list-unstyled | Odstraní výchozí styl seznamu a levý okraj u položek seznamu (funguje jak na <ul>, tak na <ol>). Tato třída se vztahuje pouze na přímé potomky seznamových položek (pro odstranění výchozího stylu seznamu z libovolných vnořených seznamů aplikujte tuto třídu i na vnořené seznamy) |
.list-inline | Umístí všechny položky seznamu na jediný řádek (používá se společně s .list-inline-item na každém elementu <li>) |