Question

我正在尝试将图像对齐div行（具有背景图像）。为了对齐图像（左 - >右），我将使用偏移。但现在我的行出现在容器的顶部。而现在，如果我给该行提供margin-top，它适用于桌面，但会影响移动/平板电脑的响应速度。有人可以帮我对齐容器内的行。

<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;
}

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

1 个答案: