Wie man eine Zeile mit Bildern zentriert (Oben / Unten) .. Bootstrap-3 - twitter-bootstrap, twitter-bootstrap-3

Ich versuche, Bilder innerhalb eines Div auszurichtenZeile (mit Hintergrundbild). Zum Ausrichten von Bildern (links-> rechts) verwende ich den Versatz. Jetzt erscheint meine Reihe oben auf dem Container. Wenn ich jetzt der Reihe nach Margin-Top verweise, funktioniert das zwar für den Desktop, wirkt sich aber auf die Reaktionsfähigkeit von mobilen / Tablets aus. Kann mir jemand helfen, die Reihe im Container auszurichten.

<div class="container">
<div class="row">
<img src="/images/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/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/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/images/blueprint_logo3.png" class="img-responsive" />
</div>
</div>
</div>

CSS:

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

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

Antworten:

Wenn Sie nur nach einem Hintergrund für den Container suchen, sollte dies funktionieren:

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

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