混淆自举网格系统

Question

请帮我解决这些问题：

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

但是引导网格系统让我非常困惑。 在桌面屏幕上它可以工作但是当我调整它的宽度时，包含像我的页脚一样一直出去它的容器，但它基本上仍然在整个桌面屏幕上的页脚

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

Answer 1

如果您使用的是Bootstrap Framework，则无需使用响应式网格系统。

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 - 超小型设备电话（＆lt; 768px）

有关Bootstrap网格访问的更多信息：Bootstrap

注意 - 对于这种结构，您只能使用2个类进行设计，不需要所有类。 < / p>

喜欢使用这个 - class="col-md-6 col-xs-12"
而不是 - class="col-lg-6 col-md-6 col-sm-6 col-xs-12"