自舉左，右頁邊距相同元素

Question

之間我已經自舉元素是這樣的：

<div class="row"> 
    <div class="col-xs-6 col-md-3"><img...></div> 
    <div class="col-xs-6 col-md-3"><img...></div> 
    <div class="col-xs-6 col-md-3"><img...></div> 
    <div class="col-xs-6 col-md-3"><img...></div> 
</div> 

目視我這（_意味着空格）：

_IMG__IMG__IMG__IMG_ 

左和右每個圖像，我有一個空間，所以圖像之間我有2個空格。但是在最左邊和最右邊，我只有一個空間。這個空間是一個響應式設計。如何在圖像之間獲得相同的空間：

__IMG__IMG__IMG__IMG__ 

感謝您的建議。

Answer 1

Bootstrap的row具有負邊距，因此最左邊和最右邊一列之外的排水槽間距適當，如果需要可以是整頁寬度。

在你的情況，你不想要的內容全幅所以你會覆蓋在row這樣的陰性切緣...

.row-reset { 
    margin-left:0; 
    margin-right:0; 
} 

HTML

<div class="container-fluid"> 
    <div class="row row-reset"> 
     <div class="col-xs-6 col-md-3"><img ..></div> 
     <div class="col-xs-6 col-md-3"><img ..></div> 
     <div class="col-xs-6 col-md-3"><img ..></div> 
     <div class="col-xs-6 col-md-3"><img ..></div> 
    </div> 
</div> 

http://www.codeply.com/go/4ujJLUpx9D