Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Jumbotron označuje velký šedý rámeček pro upozornění na zvláštní obsah nebo informace.
Tip: Do jumbotronu můžete vložit téměř jakýkoli platný kód HTML, včetně dalších prvků/tříd Bootstrap.
Tutorial bootstrap
Bootstrap je nejpopulárnější HTML, CSS a JS framework pro vývoj responzivních mobilních projektů na webu.
Použijte <div>
prvek s třídou .jumbotron
k vytvoření jumbotronu:
Příklad
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron v plné šířce
Pokud chcete jumbotron plné šířky bez zaoblených okrajů, přidejte .jumbotron-fluid
třídu a a .container
nebo
.container-fluid
dovnitř:
Příklad
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>