Javascript 冲突-jumbotron vs responsive img

我用HTML5、CSS3、JS和Bootstrap创建了一个简单的网站。我与jumbotron和img有冲突。当我把屏幕缩小到大约时。在760的下方，我看到两张壁纸：div.jumbotron和img responsive。但我只想看到img的响应

我检查了很多次，但我不知道发生了什么

是否有人可以检查代码。我会非常感激的

链接到此网站-

/*正文*/
身体{
背景色：#ffeee6；
字体系列：“米尔扎”，草书；
}
/*标题*/
#标题导航{
背景色：#ffffff；
边界半径：0；
边界：0；
}
#标志img{
背景：url（'../images/logo.png'）不重复；
高度：120px；
宽度：318px；
边缘顶部：20px；
}
.navbar品牌{
填充顶部：25px；
}
.navbar品牌a：聚焦，
.导航栏品牌a：悬停{
文字装饰：无；
}
.navbar品牌h1{
/*餐厅名称*/
字号：1.8em；
颜色：#4万；
左边距：10px；
文本阴影：5px 5px 5px#ff9999；
字体大小：粗体；
线高：.75；
}
.navbar品牌跨度{
字号：1em；
颜色：#4万；
}
#导航列表a{
字号：1.6em；
颜色：#4万；
文本阴影：3px 3px 3px#ff9999；
字体大小：粗体；
文本对齐：居中；
边缘顶部：5px；
左边距：5px；
背景色：#ffeee6；
边框：1px实心#ffffff；
盒影：0 0 30px#ff9999；
}
#导航列表a：悬停{
背景：#ffeee6；
盒影：3px 3px 3px#ff9999；
}
.navbar标题按钮.navbar-toggle，
.导航栏标题.图标栏{
边框：1px实心#661400；
}
.navbar标题按钮.navbar-toggle{
明确：两者皆有；
利润上限：-30px；
}
.导航栏品牌a：悬停，
.navbar品牌a：焦点{
文字装饰：无；
}
/*主页*/
.集装箱{
盒影：0 0 30px#ff9999；
边框：1px实心#4d1a00；
填充：0；
边框：1px实心#ffffff；
}
#菜单块，
#特价瓷砖，
#地图平铺{
盒影：0 0 30px#ff9999；
边框：1px实心#ffffff；
高度：280px；
利润率：30像素；
位置：相对位置；
溢出：隐藏；
文本对齐：居中；
对象位置：中心；
}
#菜单平铺：悬停，
#特色瓷砖：悬停，
#地图平铺：悬停{
盒影：3px 3px 3px#ff9999；
}
#菜单平铺{
背景：url（'../images/menu.jpg'）不重复；
背景位置：中心；
背景色：#ffccb3；
}
#特价瓷砖{
背景：url（'../images/specials1.jpg'）不重复；
背景位置：中心；
背景色：#ffccb3；
}
#菜单平铺跨度，
#特价瓷砖跨度，
#地图平铺跨度{
位置：绝对位置；
底部：0；
右：0；
宽度：100%；
文本对齐：居中；
字号：1.6em；
颜色：80万；
背景色：#ffcccc；
不透明度：.7；
}
/*页脚*/
.面板页脚{
背景色：#ffffff；
字体大小：1.2米；
边缘顶部：20px；
边缘底部：20px；
}
.可见xs{
边框顶部：1px实心#800000；
}
#时间跨度，
#地址跨度，
#句子跨度{
颜色：#4万；
文本对齐：居中；
文本阴影：3px 3px 3px#ff9999；
字体大小：1.3em；
}
/***********菜单面*********/
.类别地砖{
位置：相对位置；
盒影：0 0 30px#ff9999；
边框：1px实心#ffffff；
溢出：隐藏；
宽度：200px；
高度：200px；
保证金：0自动15px；
}
.类别地砖跨度{
位置：绝对位置；
底部：0；
右：0；
宽度：100%；
文本对齐：居中；
字号：1.6em；
颜色：80万；
背景色：#ffcccc；
不透明度：.7；
}
.类别磁贴：悬停{
盒影：3px 3px 3px#ff9999；
}
.类别地砖+分区{
边缘底部：50px；
}
#菜单标题{
字号：1.8em；
颜色：#4万；
左边距：10px；
文本阴影：5px 5px 5px#ff9999；
字体大小：粗体；
文本对齐：居中；
}
跨度{
字号：1.4em；
文本对齐：居中；
}
.文本中心{
边际上限：0px；
边缘底部：30px；
}
/***********咖啡类边*********/
.咖啡位置{
位置：相对位置；
盒影：0 0 30px#ff9999；
边框：1px实心#ffffff；
溢出：隐藏；
宽度：180px；
高度：180像素；
保证金：0自动15px；
边缘底部：120px；
}
.咖啡位置：悬停{
盒影：3px 3px 3px#ff9999；
}
.咖啡职位跨度{
位置：绝对位置；
底部：0；
右：0；
文本对齐：居中；
字号：1.6em；
颜色：80万；
背景色：#ffcccc；
不透明度：.7；
宽度：100%；
}
.行{
右边距：0px；
左边距：0px；
}
1.咖啡价格{
字体大小：1.2米；
文本对齐：居中；
利润上限：-110px；
边缘底部：20px；
}
.菜单项平铺.菜单项价格范围{
字体大小：.6em；
}
/***********糖果类*********/
.甜点位置{
位置：相对位置；
盒影：0 0 30px#ff9999；
边框：1px实心#ffffff；
溢出：隐藏；
宽度：230px；
高度：230像素；
保证金：0自动15px；
}
.糖果位置：悬停{
盒影：3px 3px 3px#ff9999；
}
.sweets位置跨度{
位置：绝对位置；
底部：0；
右：0；
文本对齐：居中；
字体大小：1.3em；
颜色：80万；
背景色：#ffcccc；
不透明度：.7；
宽度：100%；
}
.甜蜜的价格{
字号：18px；
文本对齐：居中；
边缘顶部：10px；
边缘底部：35px；
}
/***********特色菜方面*********/
.特价瓷砖{
位置：相对位置；
盒影：0 0 30px#ff9999；
边框：1px实心#ffffff；
溢出：隐藏；
宽度：300px；
高度：300px；
保证金：自动；
背景：url（'../images/bday.jpg'）不重复；
}
.特价商品-tile2{
位置：相对位置；
盒影：0 0 30px#ff9999；
边框：1px实心#ffffff；
溢出：隐藏；
宽度：300px；
高度：300px；
保证金：自动；
背景：url（'../images/catering.jpg'）不重复；
}
.特色瓷砖：悬停，
.specials-tile2：悬停{
盒影：3px 3px 3px#ff9999；
}
.特价瓷砖跨度，
.特价商品-tile2跨度{
位置：绝对位置；
底部：0；
右：0；
文本对齐：居中；
字号：1.6em；
颜色：80万；
背景色：#ffcccc；
不透明度：.7；
宽度：100%；
}
h4{
颜色：#4万；
左边距：10px；
文本阴影：5px 5px 5px#ff9999；
字体大小：粗体；
}
.text1，
.text2{
字体大小：1.3em；
文本对齐：居中；
页边空白：


@media (max-width: 767px) {
    .container .jumbotron {
        margin-top: 30px;
        padding: 0;
        box-shadow: 0 0 30px #ff9999;
        background: url('');
        height: 100%;
    }
}