引導上的邊界和排水溝

我已經開始在一個小項目上使用引導程序，但我是新手。我想在框之間使用一些空格，我知道引導程序在使用「邊距」時堆疊線條，但填充效果相同。引導上的邊界和排水溝

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

來源

2015-12-29 Lucas Marodin de paiva

試試這個代碼

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

來源

2015-12-29 17:16:20

對文檔的一些解釋或引用將會有所幫助。 – showdev

@showdev它告訴瀏覽器什麼大小的屬性（寬度/高度）將包括。 –

謝謝你們，我已經解決了這個問題！解決方案是使用另一個div來創建一個框填充。

來源

2016-01-09 21:55:41

引導上的邊界和排水溝

回答

相關問題