Twitter bootstrap 如何在以下模式中固定列间距

Twitter bootstrap 如何在以下模式中固定列间距,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我有问题的间隔区域之间的部分和2个按钮一样,其他围绕它 我试图在部分和两个按钮之间添加一个空格,保持形状不变,但如果不破坏我所拥有的按钮形状,则无法做到这一点 git中的表单索引从187到258,节代码从223到234 小节 无烟区 吸烟 实际结果 您的标签没有正确组织。尝试添加 <label class="btn btn-success active col-md-5"> <input type="radio" name="non-smoking" id="non

我有问题的间隔区域之间的部分和2个按钮一样,其他围绕它

我试图在部分和两个按钮之间添加一个空格,保持形状不变,但如果不破坏我所拥有的按钮形状,则无法做到这一点

git中的表单索引从187到258,节代码从223到234


小节
无烟区
吸烟
实际结果
您的标签没有正确组织。尝试添加

<label class="btn btn-success active  col-md-5">
  <input type="radio" name="non-smoking" id="non-smoking" autocomplete="off" checked> Non-Smoking
 </label>
 <label class="btn btn-danger col-md-4">
   <input type="radio" name="smoking" id="smoking" autocomplete="off"> Smoking
</label>

无烟区
吸烟
在Div标记中添加.ml-2

<label class="btn btn-success active  col-md-5">
  <input type="radio" name="non-smoking" id="non-smoking" autocomplete="off" checked> Non-Smoking
 </label>
 <label class="btn btn-danger col-md-4">
   <input type="radio" name="smoking" id="smoking" autocomplete="off"> Smoking
</label>