在具有bootstrap类的div之间添加边距可以通过以下几种方式实现:
<div class="container">
<div class="row">
<div class="col-md-6" style="margin-bottom: 20px;">
<!-- 内容 -->
</div>
<div class="col-md-6" style="margin-bottom: 20px;">
<!-- 内容 -->
</div>
</div>
</div>
这种方式适用于只在特定的div上添加边距的情况。
<style>
.custom-margin {
margin-bottom: 20px;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-6 custom-margin">
<!-- 内容 -->
</div>
<div class="col-md-6 custom-margin">
<!-- 内容 -->
</div>
</div>
</div>
这种方式适用于多个div需要添加相同边距的情况。
<div class="container">
<div class="row">
<div class="col-md-6 mb-3">
<!-- 内容 -->
</div>
<div class="col-md-6 mb-3">
<!-- 内容 -->
</div>
</div>
</div>
其中,mb-3表示在底部添加一个大小为3的边距。具体的间距类可以参考Bootstrap的官方文档:Bootstrap Spacing
以上是在具有bootstrap类的div之间添加边距的几种常用方法,根据实际需求选择合适的方式进行边距的控制。
领取专属 10元无门槛券
手把手带您无忧上云