2015-12-29 61 views
0

我已经开始在一个小项目上使用引导程序,但我是新手。 我想在框之间使用一些空格,我知道引导程序在使用“边距”时堆叠线条,但填充效果相同。引导上的边界和排水沟

enter image description here

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

回答

0

试试这个代码

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

对文档的一些解释或引用将会有所帮助。 – showdev

+0

@showdev它告诉浏览器什么大小的属性(宽度/高度)将包括。 –

0

谢谢你们,我已经解决了这个问题! 解决方案是使用另一个div来创建一个框填充。