Html 引导上的边框和檐槽

Html 引导上的边框和檐槽,html,css,gutter,Html,Css,Gutter,我已经开始在一个小项目中使用bootstrap,但我是新手。 我想在框之间留出一些空间,我知道引导程序在使用“边距”时会堆叠行,但填充具有相同的效果 <!-- quickmenu - Start --> <div class="container"> <div class="row quickmenu"> <div class="col-md-3 col-sm-6 text-center quick-anim">

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

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


在线咨询
在特殊情况下的潜在虚拟aos

电子商务 发明者和发明者协会

营销数字化 Atria mais visitas para poder vender mais

埃斯特拉特吉科公寓 这是一个很好的例子

试试这段代码

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

谢谢各位,我已经解决了这个问题!
解决方案是只使用另一个div来填充方框。

对文档进行一点解释或参考会很有帮助。@showdev它告诉浏览器将包含什么大小属性(宽度/高度)。