Crearea unui Jumbotron
Un Jumbotron indică o cutie mare pentru a atrage atenția în plus pentru conținut special sau informații.
Un Jumbotron este afișat ca o casetă gri, cu colțuri rotunjite. Se lărgește, de asemenea, dimensiunea fontului textului în interiorul acestuia.
Sfat: În interiorul unui Jumbotron puteți pune aproape orice HTML valabil, inclusiv alte Bootstrap elemente / clase.
Utilizați un <div> Element cu clasa .jumbotron pentru a crea un Jumbotron:
Bootstrap Tutorial
Bootstrap este cel mai popular HTML, CSS, JS și cadrul pentru dezvoltarea receptiv mobile primele proiecte, pe web.
Jumbotron În interiorul containerului
Așezați Jumbotron în interiorul <div class="container"> dacă doriți ca Jumbotron NU să se extindă la marginea ecranului:
Exemplu
<div class="container">
<div class="jumbotron">
<h1>Bootstrap
Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS
framework for developing
responsive, mobile-first projects on the
web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
</div>
Încearcă - l singur » Jumbotron In afara de containere
Așezați Jumbotron afara <div class="container"> dacă doriți ca Jumbotron să se extindă la marginile ecranului:
Exemplu
<div class="jumbotron">
<h1>Bootstrap
Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS
framework for developing responsive,
mobile-first projects on the
web.</p>
</div>
<div class="container">
<p>This is some text.</p>
<p>This is another text.</p>
</div>
Încearcă - l singur » Crearea unei pagini antet
Un antet pagină este ca un separator de secțiune.
.page-header clasa adaugă o linie orizontală sub titlul (+ adds some extra space around the element) în (+ adds some extra space around the element) :
Exemplu Antet
Utilizați un <div> Element cu clasa .page-header pentru a crea un antet de pagină: