Bootstrap 3 RWD两列到一列

Question

我在一行中有两列，如

<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

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