En son web geliştirme öğreticiler
 

Bootstrap Navigation Components


Sekmeler ve Haplar

Sınıf Açıklama Örnek
.nav nav-tabs Navigasyon sekmeleri oluşturur Dene
.nav nav-pills Navigasyon hapları oluşturur Dene
.nav nav-pills nav-stacked Dikey navigasyon hapları oluşturur Dene
.nav-justified geniş 768px daha ekranları navigasyon sekmeleri / haplar kendi ana eşit genişlikleri, yapar. Küçük ekranlarda nav sekmeleri / haplar dizilir Dene
.disabled Engelli gösterir (unclickable) sekmesi / hap Dene
Açılan menü içeren Navigasyon sekmeleri Dene
Açılan menü içeren Navigasyon hapları Dene
.tab-content Birlikte .tab-pane ve data-toggle="tab" (data-toggle="pill" for pills) , sekme / hap toggable yapar Dene
.tab-pane Birlikte ile .tab-content ve data-toggle="tab" (data-toggle="pill" for pills) , bu sekme / hap toggable yapar Dene

Breadcrumb ve sayfalandırmayı

Sınıf Açıklama Örnek
.breadcrumb Bir kırıntı yapar Dene
.pager Sağlar basit sayfalandırma bağlantılar (Previous/Next) Dene
.previous Hizalar .pager sola önceki düğmeyi Dene
.next Hizalar .pager sağdaki bir sonraki düğmesi Dene
.disabled Bir tıklanamayan bağlantıyı gösterir Dene
.pagination sayfalandırma bağlantılar sağlar Dene
.pagination-lg Ile birlikte kullanılır .pagination büyük sayfalandırma bağlantıları sağlamak için sınıfta Dene
.pagination-sm Ile birlikte kullanılır .pagination küçük sayfalandırma bağlantıları sağlamak için sınıfta Dene
.disabled Bir tıklanamayan bağlantıyı gösterir Dene
.active Geçerli sayfayı gösterir Dene

Etiketler

Sınıf Açıklama Örnek
.label label-default Varsayılan bir gri etiket gösterir Dene
.label label-primary Türünde bir mavi etiket gösterir "primary" Dene
.label label-success Tip yeşil bir etiket gösterir "success" Dene
.label label-info Tipi açık mavi bir etiket belirtir "info" Dene
.label label-warning Tipi bir sarı etiket gösterir "warning" Dene
.label label-danger Tipi bir kırmızı etiket gösterir "danger" Dene
.badge Yeni veya okunmamış öğeleri gösterir Dene
.jumbotron Öne çıkan içerikler ya da bilgi daha fazla dikkat çağırmak için büyük bir kutu gösterir Dene
.jumbotron (extra) Izin vermek için .jumbotron kutusu dolu genişliği boyunca ve yuvarlatılmış köşeler olmadan dışında koyun .container sınıfı Dene