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>