Bootstrap Jumbotron ve Sayfa Başlığı
Jumbotron Oluşturma
Bir jumbotron, bazı özel içerik veya bilgilere ekstra dikkat çekmek için büyük bir kutuyu belirtir.
Bir jumbotron, köşeleri yuvarlatılmış gri bir kutu olarak görüntülenir. Ayrıca içindeki metnin yazı tipi boyutlarını da büyütür.
İpucu: Bir jumbotronun içine, diğer Bootstrap öğeleri/sınıfları da dahil olmak üzere hemen hemen tüm geçerli HTML'leri koyabilirsiniz.
Bir jumbotron oluşturmak için sınıfa sahip bir <div>öğe kullanın:.jumbotron
Önyükleme Eğitimi
Bootstrap, web üzerinde duyarlı, mobil öncelikli projeler geliştirmek için en popüler HTML, CSS ve JS çerçevesidir.
Jumbotron İç Konteyner
<div class="container">Jumbotronun ekranın kenarına UZATILAMAMASINI istiyorsanız, jumbotronu içine yerleştirin :
Örnek
<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>
Jumbotron Dış Konteyner
<div class="container">Jumbotronun ekran kenarlarına uzanmasını istiyorsanız, jumbotronu dışına yerleştirin :
Örnek
<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>
Sayfa Başlığı Oluşturma
Sayfa başlığı, bölüm ayırıcı gibidir.
Sınıf .page-header, başlığın altına yatay bir çizgi ekler (+ öğenin etrafına fazladan boşluk ekler):
Örnek Sayfa Başlığı
Bir sayfa başlığı oluşturmak için sınıflı bir <div>öğe kullanın:.page-header
Örnek
<div class="page-header">
<h1>Example Page Header</h1>
</div>