Grilles d'effondrement avec twitter bootstrap 3

Question

J'ai une grille de 4 rangées de 4 cols. Comment je l'écrase comme ça.

grandes une rangée 4 colonnes

moyennes 2 rangées 2 colonnes

petites deux rangées 2 colonnes

Xtra petites 4 rangs 1 colonne

Toute aide serait appréciée. Merci

Answer 1

Essayez cette ..

<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> 

Dans ce cas, il vous suffit de spécifier col-sm-* depuis sm et sont les mêmes md mise en page, et la grille s'empilent automatiquement en un seul col sur les plus petits appareils (xs).

Démo: http://bootply.com/86156