html - 引导程序上的边框和排水沟

Question

我已经开始在一个小项目上使用引导程序，但我是新手。我想在框之间使用一些空间，我知道引导程序在使用“边距”时会堆叠行，但填充具有相同的效果。

<!-- quickmenu - Start -->
<div class="container">
  <div class="row quickmenu">
        <div class="col-md-3 col-sm-6 text-center quick-anim">
          <h4>Consultoria On-line</h4>
          <p>Conheça o potencial da sua loja virtual aos olhos de um especialista</p>
          <img src="img/consultoria-online.png" alt="Consultoria-online">
        </div>
        <div class="col-md-3 col-sm-6 text-center quick-anim">
          <h4>E-commerce</h4>
            <p>Gerenciamento de inventário e ordens de compra</p>
          <img src="img/e-commerce.png" alt="E-commerce">
        </div>
        <div class="col-md-3 col-sm-6 text-center quick-anim">
          <h4>Marketing Digital</h4>
            <p>Atraia mais visitas para poder vender mais</p>
          <img src="img/marketing.png" alt="Marketing Digital">
        </div>
        <div class="col-md-3 col-sm-6 text-center quick-anim">
          <h4>Panejamento estratégico</h4>
            <p>Seguindo o caminho correto para obter os melhores resultados</p>
          <img src="img/planejamento-estrategico.png" alt="Planejamento-estrategico">
        </div>
  </div>
</div> <!-- quickmenu - End -->

Answer 1

谢谢各位，我已经解决了这个问题！解决方案是仅使用另一个 div 来制作盒子填充。

Answer 2

试试这个代码

body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}