bootstrap affichage réactif div

Question

J'ai deux divs

<div class="container"> 
<div class="span6"> 
</div> 
<div class="span6"> 
</div> 
</div> 

Lorsque l'utilisateur utilise un téléphone mobile, les divs doivent être deux rangées sur une colonne au lieu de deux colonnes d'une ligne.

Comment faire cela?

Answer 1

De Bootstrap docs:

Allumez réactif CSS dans votre projet en incluant la balise meta appropriée et stylesheet supplémentaire dans le de votre document. Si vous avez compilé Bootstrap à partir de la page Personnaliser, vous devez seulement inclure la balise meta.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 

En outre, utiliser le balisage approprié (.spanX doit être à l'intérieur .row):

<div class="container"> 
    <div class="row"> 
    <div class="span6"></div> 
    <div class="span6"></div> 
    </div> 
</div> 

Pour fluid layout vous pouvez utiliser .container-fluid et .row-fluid.