我为一个项目使用引导框架,但我遇到了一个中心的div为我的网站的麻烦。引导垂直div全背景
我需要把一个div垂直居中,但背景色为100%全宽,并在引导的容器div内。
我需要建立图像的蓝色部分(中央DIV)http://www.hmsg.net/layout.png
我为一个项目使用引导框架,但我遇到了一个中心的div为我的网站的麻烦。引导垂直div全背景
我需要把一个div垂直居中,但背景色为100%全宽,并在引导的容器div内。
我需要建立图像的蓝色部分(中央DIV)http://www.hmsg.net/layout.png
试试这个
<div class="col-lg-12"
style="padding:0px; background-image: url('http://www.kiteworldmag.com/media/wallpapers/2/187/3.jpg'); background-size: 100% auto; height:500px;;">
<div class="col-lg-12" style="height:300px; padding:0px; margin:0px; display: block">
</div>
<div class="col-lg-12" style="background-color:#ffffff; height:100px; padding:0px; margin:0px;">
sdfsdf
</div>
</div>
使用本
<div class="col-lg-12" style="background: url("../img/Bg.png"); background-size: 100% auto; height:100%;">
<div class="col-lg-12" style="hieght:500px; padding:0px; margin:0px;">
</div>
<div class="col-lg-12" style="background-color:#ffffff; hieght:500px; padding:0px; margin:0px;">
</div>
</div>
感谢Harutyun,你的答案,
我用这个解决方案结束了:
<div style="margin:0; padding:0px; width:100%; height:100%; display:table">
<div style="display: table-cell; vertical-align: middle;" >
<div style="background:#99FF33">
<div class="container">Content Goes Here.</div>
</div>
</div>
</div>
嗨Harutyun, 我觉得你的例子不适合我。 我想做这样的事情http://www.hmsg.net/layout_example.jpg。我的问题是中间div,我不能把它垂直居中,并有100%的背景宽度。 – 2014-09-30 15:31:49
我更改代码请参阅并尝试此操作 – 2014-09-30 16:05:19