对引导网格系统感到困惑答案

【问题标题】：Confusing about bootstrap grid system对引导网格系统感到困惑
【发布时间】：2016-11-16 20:26:08
【问题描述】：

请帮我解决这些问题：

当我在 html5 中使用http://www.responsivegridsystem.com/ 时，当我在部分标记中应用 col_span_x 时，部分的大小不稳定，有时它小于它的包含，并且包含浮动所以我在类行中使用 clearfix 来修复它。

但是引导网格系统让我很困惑。在桌面屏幕中它可以工作，但是当我调整它的宽度时，它的容器总是像在我的页脚中一样，但它基本上仍然在全桌面屏幕的页脚中

我知道 CSS 在调整宽度时会搞砸，但它不应该在它的容器中吗？我的目标是将 css 修复为某个特定宽度大小，只要它在其容器中（页脚、部分、div ......）

【问题讨论】：

标签： layout grid clearfix

【解决方案1】：

如果您使用的是 Bootstrap 框架，那么您不需要使用 响应式网格系统。

Bootstrap 将使您的网站完全响应所有浏览器和设备的兼容性。

这是 Bootstrap HTML 结构的简单流程。

<div class="container">
    <!-- Your main wrapper -->
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <!-- one half section -->
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <!-- one half section -->
        </div>
    </div>
</div>

col-lg -- 大型设备桌面（≥1200px）

col-md -- 中型设备桌面（≥992px）

col-sm -- 小型设备平板电脑（≥768px）

col-xs -- 超小型设备电话 (
有关 Bootstrap Grid 的更多信息，请访问：Bootstrap

注意 -- 对于这种结构，您可以只使用 2 个类进行设计，不需要所有类。

喜欢就用这个 -- class="col-md-6 col-xs-12"
代替 -- class="col-lg-6 col-md-6 col-sm-6 col-xs-12"

【讨论】：