css - 如何在 BOOTSTRAP 4 列之间添加空格

Question

如何在这两列之间添加空格。

<div class="row ">
    <div class="col-md-6 shadow">
            ...
    </div>
    <div class="col-md-6  shadow ">
            ...
    </div>
</div>

标签： cssbootstrap-4

Answer 1

这取决于你的愿望。您可以使用边距和填充（框模型）在 HTML 元素之间添加空间。在引导程序中，可以通过m-0- m-5for margin 和p-0- p-5。您也可以为不同的视口指定位置和大小。查看更多详细信息

请记住：填充是内部内容的偏移量。边距是外部偏移，可能会破坏您的布局（col-6 + m-5 大于 6 col 网格）