Bootstrap 的默认网格系统在列之间包含 30 像素的装订线空间，如果完全删除装订线，则会导致一行有 360 像素的未使用空间。要解决此问题，在保持 Bootstrap 响应能力的同时，请按照以下步骤操作：
Bootstrap 5 引入了特定的装订线类：
示例：
<div class="row g-0">
<div class="col">...</div>
<div class="col">...</div>
<div class="col">...</div>
</div>Bootstrap 4 提供了 no-gutters 类行：
<div class="row no-gutters">
<div class="col">...</div>
<div class="col">...</div>
<div class="col">...</div>
</div>Bootstrap 3 引入了使用填充而不是间距的边距。要实现此效果：
.row.no-gutter {
margin-left: 0;
margin-right: 0;
}.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
padding-right: 0;
padding-left: 0;
}<div class="row no-gutter">
<div class="col-lg-1">...</div>
<div class="col-lg-1">...</div>
<div class="col-lg-1">...</div>
</div>以上是如何删除或调整 Bootstrap 中特定 Div 的装订线空间？的详细内容。更多信息请关注PHP中文网其他相关文章！
