1行に複数のイメージが1ピクセルの位置エラーを生成します

Question

現在、1行に複数のイメージに問題があります。それらはお互いに隣り合っていますが、最初のピクチャ以降のすべてのピクチャは1ピクセル下に移動します。

は多分誰かが私は:(いけないようなアイデアを持っている

リンク：削除

HTML

#protfolio_sec .all-portfolios { 
 
    margin-top : 20px; 
 
    margin-left : -10px; 
 
} 
 
#protfolio_sec .single-portfolio { 
 
    float : left; 
 
    margin-bottom : 10px; 
 
    width : 277px; 
 
} 
 
#protfolio_sec .single-portfolio:hover .img_hoverlay { 
 
    display : block; 
 
}

<div class="all-portfolios"> 
 
    <div class="col-sm-12 col-lg-12 col-md-12 col-xs-12 "> 
 
    <div class="single-portfolio web-design"> 
 
\t <a href="http://google.de" target="_blank" class="image-border"><img class="img-responsive" src="img/ptf/pre/test.jpg" alt=""></a> 
 
    </div> \t \t \t \t 
 
    </div> \t \t \t \t 
 
    <div class="col-sm-12 col-lg-12 col-md-12 col-xs-12 "> 
 
    <div class="single-portfolio web-design"> 
 
\t <a href="http://google.de" target="_blank" class="image-border"><img class="img-responsive" src="img/ptf/pre/test.jpg" alt=""></a> 
 
    </div> 
 
    </div> \t \t \t \t 
 
</div> 
 

を（下のポートフォリオの部分は、私が何を言っているかです）

助けて。

ありがとうございました！

Answer 1

は、このCSSに

.all-portfolios div[class*=col-] 
{ 
min-height:auto !important; 
}