图像在中心和背景渐变后面

时间:2014-11-11 09:20:05

标签: html css twitter-bootstrap-3

我需要为一个首页(如滑块)创建一个行,其中有一个图像,其中有一个男人,在他后面是一个渐变。 图像就是这样,以容器为中心(宽度为1170px)并且工作正常,但我需要在图像后面做一行,以获得100%的更大分辨率。我正在使用bootstrap 3。

我看到它的方式,背景'行'div应该从左到中有一个深色,中心白色应该在右边。 因为调整hm,我不相信行上的渐变应该有效吗? 我找不到任何类似的网站。 有更好的解决方案吗?

<div class="row">
        <div class="col-md-12">
            <div class="container"  id="slider">
            </div> 
        </div>
</div>

#slider {
    background: url('image.jpg');
    height: 550px;
}

enter image description here

1 个答案:

答案 0 :(得分:1)

对于这种设计,通常我们删除左侧部分如果没有必要。否则我们需要使显示块左右div