如何在我的情況下顯示元素的填充？

我固定我的HTML是有效的HTML代碼，但好像我沒有紅色柱和灰柱的右左側填充了片劑視圖。我認爲我確實有有效的引導類，但我不確定會發生什麼。有人可以幫我解決這個問題嗎？

我的jsfiddle

<div class="container"> 
<div id="wrapper"> 
    <div class="row"> 
     <div class="col-md-1"></div> 
     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
         test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
</div>

來源

2014-12-07 BonJon

如果這僅僅是一個細化到以前鏈接到您的問題，您應該有更新，而不是要求一個新的你的問題。 – wisew 2014-12-07 22:59:30

我不明白你想達到什麼目的。使用填充是解決此問題的不正確方法。您應該調整xs-x值，否則會降低響應網格的有用性。請注意，每行Bootstrap中的網格系統可以容納12個col。 – TysonWolker 2014-12-07 23:18:38

是它：http://jsfiddle.net/banzay52/qs3ph1oq/1/ - 你想要什麼？ – Banzay 2014-12-07 23:33:15

-1

您對行切緣陰性：

.row { 
margin-right: -15px; 
margin-left: -15px; 
}

，如果你刪除這些或將它們設置爲0，這將解決您的問題（一切是好的）;

fiddle

來源

2015-05-27 20:58:39 maioman

如何在我的情況下顯示元素的填充？

回答

相關問題