Bootstrap - Duyarlı Demo
Bootstrap, daha hızlı mobil uyumlu geliştirme için birkaç yardımcı sınıf sağlar. Bunlar, büyük, küçük ve orta büyüklükteki cihazlarla birlikte medya sorgusu yoluyla içeriği cihaza göre göstermek ve gizlemek için kullanılabilir.
Bunları idareli kullanın ve aynı sitenin tamamen farklı sürümlerini oluşturmaktan kaçının. Responsive utilities are currently only available for block and table toggling.
Sınıflar | Cihazlar |
---|---|
.visible-xs | Çok küçük (768 pikselden az) görünür |
.visible-sm | Küçük (768 piksele kadar) görünür |
.visible-md | Orta (768 piksel - 991 piksel) görünür |
.visible-lg | Daha büyük (992 piksel ve üstü) görünür |
.hidden-xs | Çok küçük (768 pikselden az) gizli |
.hidden-sm | Küçük (768 piksele kadar) gizli |
.hidden-md | Orta (768 piksel - 991 piksel) gizli |
.hidden-lg | Daha büyük (992 piksel ve üstü) gizli |
Misal | Açıklama | İndirme: {link |
---|---|---|
Kart Duyarlı | Bu örnek, Bootstrap'teki Kart yapısını gösterir | İndir |
basit Görüşler | Bu örnek, Bootstrap'teki Görüşler yapısını gösterir | İndir |
Video ızgarası | Bu örnek, Bootstrap'teki Grid Video yapısını gösterir | İndir |
Banner resmi | Bu örnek, Bootstrap'teki Banner Image yapısını gösterir | İndir |
Yüz göstergeli atlı karınca | Bu örnek, Bootstrap'teki yüz göstergeli Carousel yapısını gösterir | İndir |