如何使圖像居中居中（上/下）.. Bootstrap-3

Question

我想對齊div行（具有背景圖像）內的圖像。爲了對齊圖像（左 - >右），我將使用偏移量。但現在我的行​​出現在容器的頂部。而現在，如果我給這個行的邊緣頂部它適用於桌面，但影響手機/平板電腦的響應。有人可以幫助我對齊容器內的行。

<div class="container"> 
    <div class="row"> 
     <img src="images/blueprint.png" class="img-responsive" id="book-img" /> 
     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
      <img src="images/blueprint_logo1.png" class="img-responsive" /> 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
      <img src="images/blueprint_logo2.png" class="img-responsive" /> 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
      <img src="images/blueprint_logo3.png" class="img-responsive" /> 
     </div> 
    </div> 
</div> 

CSS：

#book-img { 
    position:absolute; 
    background-position:center; 
} 

http://jsfiddle.net/isherwood/kc3s5/

Answer 1

如果你正在尋找的是在容器上的背景下，這應該工作：

http://jsfiddle.net/isherwood/kc3s5/4

.container.has-bg { 
    background-image: url(http://placehold.it/200x200/990000); 
    background-size: cover; 
}