Bootstrap 5 jumbotron

Bootstrap 5 jumbotron

Bootstrap 3:ssa otettiin käyttöön jumbotron, joka luo suuren täytettyä ruutua, joka houkuttelee erityistä huomiota tiettyihin erityisiin sisältöihin tai tietoihin.

Bootstrap 5 ei enää tue Jumbotronia. Voit kuitenkin käyttää <div> Lisää elementti ja erityiset apu-luokat sekä väriklassit saavuttaaksesi saman efektin:

Jumbotron-esimerkki

Esimerkki

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>Jumbotron-esimerkki</h1>
  <p>Shanghai, lyhenteellä Shang, tunnetaan myös nimellä Shen, on Kiinan tasavallan suurkaupunki, Kiinan talous, rahoitus, kauppa ja merenkulku keskus ...</p>
</div>

Kokeile itse