Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Een jumbotron geeft een grote grijze doos aan om extra aandacht te vragen voor speciale inhoud of informatie.
Tip: in een jumbotron kun je bijna elke geldige HTML plaatsen, inclusief andere Bootstrap-elementen/klassen.
Bootstrap-zelfstudie
Bootstrap is het populairste HTML-, CSS- en JS-framework voor het ontwikkelen van responsieve, mobielgerichte projecten op internet.
Gebruik een <div>
element met klasse .jumbotron
om een jumbotron te maken:
Voorbeeld
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron over de volledige breedte
Als je een jumbotron over de volledige breedte wilt zonder afgeronde randen, voeg dan de .jumbotron-fluid
klasse en a .container
of
.container-fluid
erin toe:
Voorbeeld
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>