Önyükleme - Jumbotron

Bu bölümde, Bootstrap'in desteklediği bir başka özellik olan Jumbotron tartışılacaktır. Adından da anlaşılacağı gibi, bu bileşen isteğe bağlı olarak başlıkların boyutunu artırabilir ve açılış sayfası içeriği için çok fazla marj ekleyebilir. Jumbotron'u kullanmak için -

• Sınıfı ile bir kapsayıcı <div> oluşturun .jumbotron.

• Daha büyük <h1> 'e ek olarak yazı tipi ağırlığı 200 piksele düşürülür.

Aşağıdaki örnek bunu göstermektedir -

<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>

Tam genişlikte ve yuvarlatılmış köşeleri olmayan bir jumbotron elde etmek için .jumbotron her şeyin dışında sınıf .container sınıflar ve bunun yerine bir .container aşağıdaki örnekte gösterildiği gibi içinde -

<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>