Html 引导4向列添加边距
我想用Html 引导4向列添加边距,html,css,bootstrap-4,Html,Css,Bootstrap 4,我想用mr-md-3在col中添加一些margin,但这会导致中断 那div .content{ 高度:200px; 边框:1px纯黑; } 你所要做的就是给予弹性:1到相邻的div 现在,您可以使边距更大,问题列将相应缩小 .container.problem{flex:1;} .内容{ 高度:200px; 边框:1px纯黑; } 由于引导列槽使用填充,请将内容放在列内并调整填充 <div class="container"> <div class="row no
mr-md-3
在col
中添加一些margin
,但这会导致中断
那div
.content{
高度:200px;
边框:1px纯黑;
}
你所要做的就是给予
弹性:1
到相邻的div
现在,您可以使边距
更大,问题
列将相应缩小
.container.problem{flex:1;}
.内容{
高度:200px;
边框:1px纯黑;
}
由于引导列槽使用填充,请将内容放在列内并调整填充
<div class="container">
<div class="row no-gutters">
<div class="col-md-4 col-12 pr-md-3 mb-3">
<div class="content"></div>
</div>
<div class="col-md-8 col-12 mb-3">
<div class="content"></div>
</div>
</div>
</div>