边界和装订线上的排水沟

Question

我已经开始在一个小项目上使用bootstrap，但我是新手。 我想在盒子之间使用一些空间，我知道bootstrap在使用“margin”时会堆叠线条，但填充具有相同的效果。

<!-- 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

试试这段代码

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

Answer 2

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