Bootstrap - Jumbotron
Questo capitolo discuterà un'altra caratteristica supportata da Bootstrap, il Jumbotron. Come suggerisce il nome, questo componente può facoltativamente aumentare la dimensione dei titoli e aggiungere molto margine per il contenuto della pagina di destinazione. Per usare il Jumbotron -
Crea un contenitore <div> con la classe di .jumbotron.
Oltre a un <h1> più grande, lo spessore del carattere è ridotto a 200 px.
Il seguente esempio lo dimostra:
<div class = "container">
<div class = "jumbotron">
<h1>Welcome to landing page!</h1>
<p>This is an example for jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Learn more</a>
</p>
</div>
</div>
Per ottenere un jumbotron di tutta larghezza e senza angoli arrotondati utilizzare il .jumbotron classe fuori da tutti .container classi e invece aggiungi un file .container all'interno, come mostrato nell'esempio seguente:
<div class = "jumbotron">
<div class = "container">
<h1>Welcome to landing page!</h1>
<p>This is an example for jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Learn more</a>
</p>
</div>
</div>