Jumbotron

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.

Şu an bulunduğunuz sayfamızın en üstünde de bir jumbotron kullanılmış ve başlık dikkat çekecek büyüklükte gösterilmiştir.

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.

Konu örnekleri kısmında jumbotron kullanılmış bir sayfa örneği bulunmaktadır. Kodları değiştirerek denemeler yapınız.

bootstrap jumbotron nedir, jumbotron kullanımı, jumbotron nasıl kullanılır, jumbotron, ne için kullanılır, jumbotron biçimlendirme

KONU İLE İLGİLİ ÖRNEKLER

Jumbotron Kullanımına Örnek Kendin Dene

Örnekteki jumbotron container dışında olduğu için tüm ekranı kaplayacaktır. 

Kendin dene butonuna tıklayarak kodları gör, incele ve değişiklikler yaparak sonucu gör.



YORUMLAR




1293  kez okundu.

Online Kullanıcı Sayısı 873