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

このコードを試してください

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