самонастройки дисплей реагирует Div

Question

У меня есть две дивы

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

Когда пользователь использует мобильный телефон, то дивы должно быть два ряда один столбец вместо двух столбцов одной строки.

Как это сделать?

Answer 1

От Bootstrap docs:

Включите отзывчивым CSS в вашем проекте, включая надлежащую мета-тег и дополнительные таблицы стилей в пределах вашего документа. Если вы собрали Bootstrap на странице «Настроить», вам нужно включить только метатег.

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

Кроме того, используйте правильную разметку (.spanX должен быть внутри .row):

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

Для fluid layout вы можете использовать .container-fluid и .row-fluid.