对 bootstrap 网格系统感到困惑

Question

请帮我解决这些问题:

当我将 http://www.responsivegridsystem.com/ 与 html5 一起使用时，当我在部分标签中应用 col_span_x 时，该部分的大小不稳定，有时小于其包含，并且包含浮出，所以我在 class 行使用 clearfix 来修复它。

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

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

Answer 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 -- 超小型设备手机 (<768px)

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

注意 -- 这种结构可以只用2个class进行设计，所有class都不是需要那个。

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

对 bootstrap 网格系统感到困惑

Confusing about bootstrap grid system

grid

layout

clearfix