Html 如何制作我的背景图像'；img响应性'；？

我想知道如何使用bootstrap“img responsible”来制作我的背景图像？背景图像在

hero

div中显示

利亚姆·多切蒂数字投资组合
身体{
保证金：0；
填充：0；
}
.navbar.navbar-default{
背景色：#4D5061；
高度：10vh；
z指数：100；
}
.navbar.navbar-default ul{
列表样式类型：无；
文本对齐：右对齐；
}
.navbar.navbar-default ul li{
显示：内联块；
}
.下拉菜单li{
文本对齐：居中
}
.下拉菜单.下拉菜单{
背景色：#4D5061；
}
.下拉菜单.下拉菜单a{
颜色：白色；
}
.navbar.navbar-默认ul li a{
显示：内联块；
填充：3.5vh 8px 4px；
颜色：白色；
文字装饰：无；
字号：14pt；
字体系列：“Roboto”，无衬线；
}
.navbar.navbar-默认ul li:之后{
内容：''；
位置：绝对位置；
右：50%；
底部：0；
左：50%；
高度：3倍；
背景色：#FFFFFF；
边界半径：9px；
过渡：all.2s；
}
.navbar.navbar-默认ul li a:悬停{
颜色：白色；
}
.nav.navbar-nav，
.nav.navbar nav>li{
浮动：无；
}
.navbar.navbar-默认ul li:悬停：之后{
右：0；
左：0；
}
.导航标题{
字号：14pt；
保证金：0；
顶部：35px；
左：50px；
宽度：100%；
位置：绝对位置；
文本对齐：居中；
颜色：白色；
字体系列：“Roboto”，无衬线；
}
.navbar.navbar-default ul.dropdown-menu li，
.navbar.navbar-默认ul.下拉菜单LIA{
位置：相对位置；
显示：块；
}
#标志{
填充顶部：2vh；
左侧填充：20px；
浮动：左；
}
.英雄{
背景图像：url（“https://static.pexels.com/photos/48727/pexels-photo-48727.jpeg");
背景附件：固定；
位置：相对位置；
文本对齐：居中；
宽度：100%；
最大宽度：100%；
宽度：100vw；
身高：100%；
}
部分{
位置：相对位置；
高度：95vh；
}
.第1节{
高度：100vh；
文本对齐：居中；
颜色：白色；
}
.第2节{
背景色：#11B5E4；
文本对齐：居中；
颜色：白色；
}
.第3节{
背景色：#FFFFFF；
文本对齐：居中；
颜色：白色；
}
.fa角向下{
颜色：#4D5061；
位置：绝对位置；
底部：0px；
}
.fa角度向上{
颜色：#4D5061；
位置：绝对位置；
底部：0px；
}
.页脚{
高度：6vh；
背景色：#4D5061；
填充：0；
右：0；
底部：0；
左：0；
}
.页脚文本{
字号：14pt；
颜色：白色；
字体系列：“Roboto”，无衬线；
文本对齐：居中；
}
.profile.box{
底部：0；
身高：50%；
左：0；
保证金：自动；
位置：绝对位置；
右：0；
排名：0；
宽度：50%；
}
.形状{
边界半径：25px；
背景：#4D5061；
内容：网址(http://i1126.photobucket.com/albums/l611/ldocherty1/IMG_0730_zpsiz4dqc47.jpg);
颜色：白色；
高度：250px；
保证金：自动；
填充：3倍；
宽度：250px；
}
.shape2{
背景：线性梯度（35度，#4D5061，#4D5061）；
边界半径：85px；
颜色：白色；
高度：40px；
利润率：1%自动；
不透明度：0.9；
填充：0px；
宽度：250px；
}
切换导航
利亚姆·多切蒂的数字投资组合




































KJJJJJJJJJJKJKJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ

使用

背景尺寸：封面

封面-与包含相反的关键字。尽可能放大图像并保持图像纵横比（图像不会被压扁）。图像“覆盖”容器的整个宽度或高度。当图像和容器具有不同的尺寸时，图像将被剪裁为左/右或上/下

或者，您可以根据您想要的行为尝试

包含

，但从您的投资组合来看，

封面

是您想要的

包含：一个关键字，它可以将图像缩放到尽可能大的范围，并保持图像的纵横比（图像不会被压扁）。图像在容器中以字母框显示。当图像和容器具有不同的尺寸时，空区域（左/右的顶部/底部）将填充背景色

*编辑-还添加了

背景位置：居中；背景重复：无重复输入
<div>
    <img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<style>
.content-wrapper {
    /* This image will be displayed fullscreen */

    background: url('http://site.rockbottomgolf.com/blog_images/Hole%2012%20-%20Imgur.jpg') no-repeat center fixed;

    scroll-x /* Ensure the html element always takes up the full height of the browser window */ min-height: 100%;
    /* The Magic */
    background-size: cover;
}
</style>

<script src="example.com/relative-Path/jquery.backstretch.min.js"></script>