Layout 关于引导式网格系统的困惑

Layout 关于引导式网格系统的困惑,layout,grid,clearfix,Layout,Grid,Clearfix,请帮我回答以下问题: 当我与html5一起使用时,当我在节标记中应用col_span_x时,节的大小不稳定,有时小于其包含,并且包含浮动,因此我在类行中使用clearfix来修复它 但是引导网格系统让我很困惑。 在桌面屏幕中,它可以工作,但当我调整它的宽度时,包含的内容会像在我的页脚中一样一直离开它的容器,但在整个桌面屏幕上,它基本上仍然在页脚中 我知道css在调整宽度时会弄乱,但它不应该在它的容器中吗? 我的目标是将css固定在某个特定的宽度大小,只要它在容器中(页脚、节、div…)如果您使

请帮我回答以下问题:

当我与html5一起使用时,当我在节标记中应用col_span_x时,节的大小不稳定,有时小于其包含,并且包含浮动,因此我在类行中使用clearfix来修复它

但是引导网格系统让我很困惑。 在桌面屏幕中,它可以工作,但当我调整它的宽度时,包含的内容会像在我的页脚中一样一直离开它的容器,但在整个桌面屏幕上,它基本上仍然在页脚中

我知道css在调整宽度时会弄乱,但它不应该在它的容器中吗?
我的目标是将css固定在某个特定的宽度大小,只要它在容器中(页脚、节、div…)

如果您使用的是引导框架,则不需要使用响应网格系统

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——大型设备桌面(≥1200像素)

col md——中型设备桌面(≥992px)

col sm——小型设备平板电脑(≥768px)


col xs——超小型设备手机(如果您使用的是引导框架,则不需要使用响应网格系统

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——大型设备桌面(≥1200像素)

col md——中型设备桌面(≥992px)

col sm——小型设备平板电脑(≥768px)

col xs——超小型手机(