2013-10-07 28 views
5

1 satır 4 sütun ızgaram var. Nasıl böyle çökebilirim?Twitter bootstrap ile çöken ızgaralar 3

büyük 1 Sıra 4 sütun

Orta 2 satır 2 sütun

Küçük 2 satır 2 sütun

Xtra Küçük 4 sıra 1 sütun

Herhangi bir yardım için teşekkür ederiz. Eğer

cevap

3

bu deneyin ederiz ..

<div class="container"> 
<div class="row"> 
    <div class="col-lg-3 col-sm-6">x</div> 
    <div class="col-lg-3 col-sm-6">x</div> 
    <div class="col-lg-3 col-sm-6">x</div> 
    <div class="col-lg-3 col-sm-6">x</div> 
    </div> 
</div> 

Bu durumda, (sadece sm ve md aynı düzen olduğundan col-sm-* belirtmek gerekir ve ızgara otomatik en küçük cihazlarda tek col haline yığını olacak xs).

Demo: http://bootply.com/86156

+1

Mükemmel. Çok teşekkür ederim. Bu örnek url kalıcı olacak mı yoksa sona erecek mi? – Anton

+0

Bir şey değil, Bootply'ın süresi dolmuyor. – ZimSystem

+0

1 sütun için col-xs varsayılanlarını varsayabilir miyim ve satır = orada kaç tane div var? – Anton