我正在做一个项目,但在使所有内容正确对齐并保持正确间距方面遇到一些麻烦。我应该怎么做(专门使用col类和bootstrap 4,没有CSS)使它起作用?
我尝试了多个边距间距(例如ml-md-4)和偏移量(例如offset-md-1),但似乎没有任何效果。
我正在做一个项目,但在使所有内容正确对齐并保持正确间距方面遇到一些麻烦。我应该怎么做(专门使用col类和bootstrap 4,没有CSS)使它起作用?
我尝试了多个边距间距(例如ml-md-4)和偏移量(例如offset-md-1),但似乎没有任何效果。
列具有填充以创建装订线(列之间的间距)。因此,除非您将背景放在列的内容上,否则背景色将融合在一起。另外,请使用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>