使用Bootstrap 4

我正在做一个项目,但在使所有内容正确对齐并保持正确间距方面遇到一些麻烦。我应该怎么做(专门使用col类和bootstrap 4,没有CSS)使它起作用?

我尝试了多个边距间距(例如ml-md-4)和偏移量(例如offset-md-1),但似乎没有任何效果。

Murphy_zhu_qiang 回答:使用Bootstrap 4

列具有填充以创建装订线(列之间的间距)。因此,除非您将背景放在列的内容上,否则背景色将融合在一起。另外,请使用col-md-6而不是col-md-5 ...

<section class="row">
        <div class="col-12 mb-3">
            <div class="bg-info" style="height: 175px;"></div>
        </div>
        <!-- one -->
        <div class="col-12 col-md-6 mb-3">
            <div class="bg-info" style="height: 100px;"></div>
        </div>
        <!-- two -->
        <div class="col-12 col-md-6 mb-md-4 mb-3">
            <div class="bg-info" style="height: 100px;"></div>
        </div>
        <!-- three -->
        <div class="col-12 col-md-6 mb-3">
            <div class="bg-info" style="height: 100px;"></div>
        </div>
        <!-- four -->
        <div class="col-12 col-md-6 mb-3">
            <div class="bg-info" style="height: 100px;"></div>
        </div>
</section>

https://www.codeply.com/p/QTN0GCfLbc

本文链接:https://www.f2er.com/3156091.html

大家都在问