所有移动设备上的右列底部

Question

我刚开始使用bootstrap并尝试了解网格的工作原理

HTML：

<div class="row">
 <div class="leftContainer  col-md-6">
 A
 </div>
  <div class="rightContainer  col-md-6">
 B
 </div>
</div>

CSS：

.leftcontainer{
  float:left;
}

.rightcontainer{
  float:right;
}

我不希望移动设备底部的滚动条。我的输出是在移动设备上的这种格式

A

                    B

相反，我想要

A

B

但桌面上的A B

非常感谢任何帮助。谢谢！

Answer 1

<div class="row">
 <div class="leftContainer col-xs-12 col-md-6">
 A
 </div>
  <div class="rightContainer col-xs-12 col-md-6">
 B
 </div>
</div>

并删除您的CSS。您不需要将浮动添加到其中任何一个。

另外，请阅读Bootstrap文档中的网格系统。它有你需要的一切。 http://getbootstrap.com/css/#grid