Bir jumbotron oluşturma
Bir jumbotron bazı özel içerik veya bilgi daha fazla dikkat çağırmak için büyük bir kutu gösterir.
Bir jumbotron köşeleri yuvarlatılmış bir gri kutu olarak görüntülenir. Ayrıca İçindeki metnin yazı tipi boyutlarını büyütür.
İpucu: Bir jumbotron İçinde başka dahil hemen hemen her geçerli HTML, koyabilirsiniz Bootstrap elemanları / sınıfları.
Bir kullan <div> class ile eleman .jumbotron bir jumbotron oluşturmak için:
Bootstrap Eğitimi
Bootstrap web üzerinde duyarlı, mobil cihazlara öncelik projeler geliştirmek için en popüler HTML, CSS ve JS çerçevesidir.
Jumbotron İçinde Konteyner
Içeride jumbotron yerleştirin <div class="container"> Eğer jumbotron ekranın kenarına uzatmak DEĞİL istiyorsanız:
Ö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>
Kendin dene " Konteyner Dış jumbotron
Dışında jumbotron yerleştirin <div class="container"> Eğer jumbotron ekran kenarlarına uzatmak istiyorsanız:
Ö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>
Kendin dene " Bir Sayfa Başlığını Oluşturma
Bir sayfa başlığı bir bölüm bölücü gibidir.
.page-header sınıfı başlığı altında yatay bir çizgi ekler (+ adds some extra space around the element) :
Örnek Sayfa Başlığı
Bir kullan <div> class ile eleman .page-header sayfa başlığı oluşturmak için: