全屏自适应背景图像与引导 [英] full screen responsive background image with bootstrap
本文介绍了全屏自适应背景图像与引导的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我是twitters的新手。什么想知道的是,我必须使用的全屏自适应背景图像与bootstrap的HTML模型?
I'm new to twitters bootstrap. What want to know is the HTML mockup that i have to use for a full screen responsive background image with bootstrap?
当然,我起诉模拟
<div class="container-fluid">
<div class="wrapper">
</div>
</div>
在包装之前,我有一个导航菜单。我想添加一个全屏的图像到div类包装。并且我想要wrapper div缩放100%。任何提示将非常感谢。
Before the wrapper i do have a navigation menu. I want to add a full screen image to div class wrapper. and i want wrapper div to scale 100%. any tips will be greatly appreciated.
推荐答案
两个选项
- p>
use
img-responsive
class if you are using tag.
<div class="wrapper">
<img src="pic_1.jpg" class="img-responsive" alt="Responsive image">
</div>
如果您使用css,请使用这个。
if you are using css use this.
.wrapper{background: url('/assets/64531/green_suburb.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
这篇关于全屏自适应背景图像与引导的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文