2015-08-11 4 views
0

У меня есть два столбца в одной строке, какBootstrap 3 RWD две колонки в одну колонку

<div class="col-lg-10 col-md-12"> 
<div class="form-row"> 
    <div class="col-md-6"> 
    </div> 
    <div class="col-md-6"> 
    </div> 
</div> 

<div class="form-row"> 
    <div class="col-md-6"> 
    </div> 
    <div class="col-md-6"> 
    </div> 
</div> 

</div> 

И это выглядеть отлично на весь экран, но при RWD и малой ширины строк сломаны ...

Экраны: http://s4.postimg.org/m0zht42wr/Zrzut_ekranu_2015_08_11_o_13_02_57.png

http://s2.postimg.org/vsujeo1uv/Zrzut_ekranu_2015_08_11_o_13_03_13.png

+0

Что такое строка формы? Это не родной класс Bootstrap – ZimSystem

+0

Я понятия не имею, Im работает над не моим проектом: / – Quzziy

ответ

1

Может решить, не может:

Всегда добавляйте размер xs. если он должен быть col-12, добавьте его.

<div class="col-xs-12 col-md-12 col-lg-10"> 
    <div class="form-row"> 
     <div class="col-xs-12 col-md-6"> 
     </div> 
     <div class="col-xs-12 col-md-6"> 
     </div> 
    </div> 

    <div class="form-row"> 
     <div class="col-xs-12 col-md-6"> 
     </div> 
     <div class="col-xs-12 col-md-6"> 
     </div> 
    </div> 
</div> 
Смежные вопросы