Bootstrap 5 装订线与边距

Question

也许是一个愚蠢的问题，但我仍然没有正确理解它。我\xc2\xb4m看到了bootstrap v5文档，v4有很多变化，其中之一就是排水沟。

\n

谁能解释一下使用边距与边距实用程序有什么区别？什么时候建议使用边距以及何时使用边距？

\n

感谢您的帮助！

\n

Answer 1

装订线仅适用于 Bootstrap 网格，而边距可以在任何地方使用。

装订线专门调整 Bootstrap 网格上的边距和填充row，col这会影响行内列之间的间距。

另一方面，边距可以用在任何元素上。

排水沟对于改变网格间距更有效。边距/填充仍可用于实现相同的效果，但需要对每一列进行更改。例如，以下行显示相同，但​​在第一行上使用装订线会减少标记......

    <!-- no gutters to 0 -->
    <div class="row gx-0">
        <div class="col">
          
        </div>
        <div class="col">
         
        </div>
        <div class="col">
         
        </div>
        <div class="col">
           
        </div>
    </div>
    <!-- no gutters using margins and padding -->
    <div class="row m-0">
        <div class="col px-0">
           
        </div>
        <div class="col px-0">
           
        </div>
        <div class="col px-0">
          
        </div>
        <div class="col px-0">
          
        </div>
    </div>

演示