在 Bootstrap 中的两列之间留一个空的 col-md-1 用于间距？

Question

  <div class="row justify-content-center">
    <div class="col-md-4">
        Column width of md-4
    </div>

    <div class="col-md-1 .d-sm-none">
        <!-- Gap between columns -->
    </div>

    <div class="col-md-4">
        Column width of md-4
    </div>
</div>

这是在这两列之间 space 一个空的 col-md-1 的正确方法吗？并使用 .d-sm-none 在移动设备上隐藏它。或者有 better/cleaner 的方法吗？

Answer 1

可以你可以这样试试

<div class="row justify-content-center">
    <div class="col-md-4">
        Column width of md-4
    </div>
    <div class="offset-md-1 col-md-4">
        Column width of md-4
    </div>
</div>

https://jsfiddle.net/lalji1051/hyp84gLu/2/

在 Bootstrap 中的两列之间留一个空的 col-md-1 用于间距？

Leaving an empty col-md-1 between two columns in Bootstrap for spacing?

html

css

spacing

bootstrap-4