Twitter Bootstrap 3 ** 1 ** 0 ve col-sm-* arasında ne fark var?

Bootstrap 3 ızgara 4 boyutlarda gelir (veya "") kesme.

Küçük (akıllı telefonlar için .col-xs-*), küçük (tabletler için .col-sm-*), orta (dizüstü bilgisayarlar .col-md-*) ve büyük (Dizüstü/Masaüstü için .col-lg-*).

Üç ızgara boyutları farklı cihazlar üzerinde ızgara davranışını kontrol etmenizi sağlar, yani masaüstü, dizüstü bilgisayarlar, akıllı telefon, tablet vb.

Yani:

col-sm-3 3 ızgara sütunlar geniş (25%) tipik bir küçük cihaz genişliği (768 piksel fazlası)

col-md-3 3 ızgara sütunlar geniş (25%) tipik orta cihaz genişliği (992'den fazla piksel)

vb.

*,* 10 ** 9 lg ızgaralar "" dikey olarak ekranlarda/görüş 768 piksel daha az. yığını olacak Bu xs kılavuz devreye giriyor. col-xs-* sınıfları kullanın sütunlar dikey olarak yığın ve küçük ekranlarda küçültün devam edecek.

Tarayıcı using this demo yeniden boyutlandırma ve ölçekleme ızgara etkilerini görürsünüz.