Bootstrap Jumbotron Class - Mobil, Android, ios ve Teknoloji BLoGu

Bootstrap Jumbotron Class

Gönderen: Kaan   Tarih: 2018-08-09 10:11 Kategori: Php-Html5-Css-jQuery-Mysql | Okundu: 960 Onay sırasına at Düzenle Kopyası

Jumbotron Class

Ziyaretçilerin dikkatini daha fazla çekmek istediğimiz bir içeriği, genellikle başlık ve alt başlıkları jumbotron class'ı uygulanmış bir div içine alabiliriz.

Jumbotron sınıfı varsayılan olarak açık gri arkaplana ve yuvarlatılmış köşelere sahiptir. Ayrıca içinde bulunan metni ekrana uygun şekilde büyütür.

Kendi css kodlarımızla bu özelliklerde değişiklikler yapabiliriz.

Jumbotron kullanımına örnek:

<div class="jumbotron">
  <h1>Ana Başlık</h1> 
  <p>Açıklayıcı metin. Burada başka etiketler (hgroup, h2, h3 vb) de kullanılabilir. </p> 
</div>

Jumbotron uygulanmış bir div elemanı bulunduğu yerdeki tüm genişliği kaplayacaktır. Başka bir etiket içine alınmazsa tüm ekranı kaplayacak genişliğe sahip olacaktır.



Yorumlar: