Bootstrap 左右 div 块对齐答案

【问题标题】：Bootstrap Left & Right Div Block AlignmentBootstrap 左右 div 块对齐
【发布时间】：2016-09-22 17:39:11
【问题描述】：

Bootstrap 中是否有任何类可用于制作 Div Block 以在屏幕变窄或在左、右视图会向上、向下移动时显示表单控制。另一件主要事情是只有 div 块左右对齐，但 div 块中的每个控件都应该左对齐。在 BS 文档中搜索但找不到任何内容。

*请忽略第一张图片中的蓝色 Div（意外）

【问题讨论】：

有 col-xl, col-lg, col-md,col-sm,col-xs

标签： jquery html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

很明显，我们有行和列来实现这种布局

 <body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                Div Left
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                Div Right
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                Bottom Panel
            </div>
        </div>
    </div>
</body>

【讨论】：