Bootstrap responsive mantığı

S

SkyThing

Yeni üye
8 Ocak 2017
32
0
Elimden geldiği kadar boostrap'deki responsive mantığını size açıklamaya çalışıcam.Öncelikle boostrap'da ızgara dediğimiz bazı etiketler bulunuyor.Bu etiketler bizim responsive size yapmamızı kolaylaştırıyor.Peki bu etiketler nelerdir?,-
Kod: 
<div class = "col-md-4></div>
<div class = "col-md-4></div>
<div class ="col-md-4></div>
veya
Kod: 
<div class ="col-lg-6"></div>
<div class ="col-lg-6"></div>
Bu satırların içine yazdığımız her yazı veya koyduğumuz her resim sayfa boyutuna göre şekillenmektedir.Peki neden 3 tane col-md-4 veya 2 tane col-lg-6 var diye sorabilirsiniz.Bu sorunun cevabı bir sayfanın 12 columns dan oluşmasından kaynaklanır.Eğer 12 yi aşarsanız genişlik düzeyi aşılacak ve alt genişliğe taşacaktır.O yüzden 12'yi aşmamamız gerekir.Biraz daha incileyecek olursak kesin kullanımı şu şekildedir
Kod: 
<div class ="row">
<div class ="col-md-4>

</div>
<div class ="col-md-4>


</div>

<div class ="col-md-4>

</div>
</div>
 
Cevap yazmak için giriş yap yada kayıt ol.
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.