Html 为页脚引导带上色，使其响应迅速

如您所见，在大、中、小屏幕上，页脚具有正确的背景默认颜色（由于panel_footer类），但是，一旦三个部分相互堆叠，您就可以看到部分页脚与页面的背景颜色一起着色。如何设计统一颜色的页脚

代码如下：

正文{
背景色：#d4f9f7；
字体系列：“Raleway”，无衬线；
}
#标识头{
背景：url（'../images/logosall.jpg'）不重复；
宽度：170px；
高度：170px；
左边距：30px；
}
#通用菜单{
利润上限：110像素；
字号：1.8em；
}
#导航列表{
字号：1.6em；
背景色：#d4f9f7；
}
#主页{
背景：url（'../images/prague_exper.jpg'）不重复；
背景尺寸：封面；
高度：50vw；
盒影：0 50px#ffff；
边框：2倍实心#ffff；
}
/*加入+学习与发展咨询*/
#国际贸易{
文本对齐：居中；
}
/*上车*/
#主标题{
颜色：#ffffff；
字体大小：8vw；
文本阴影：1px 1px 1px#222；
}
/*学习与发展顾问*/
#副标题{
字体大小：2vw；
文本阴影：1px 1px 1px#222；
颜色：#ffffff；
}
#页脚{
高度：200px；
}
/*媒体查询*/
@介质（最大宽度：768px）{
#副标题{
可见性：隐藏；
}
#标识头{
背景：url（'../images/logoxs.jpg'）不重复；
左边距：120像素；
}
#总管{
高度：120px；
}
#导航列表{
字体大小：1.1米；
背景色：#d4f9f7；
}
#主页{
边缘顶部：60像素；
}

引导示例
切换导航












上车
学习与发展咨询

时间：
星期四：上午11:15-晚上10:00
星期五：上午11:15-下午2:30
星期六休息

地址：马里兰州巴尔的摩赖斯特敦路7105号，邮编：21215
*配送区域在3-4英里以内，最低订单为20美元，所有配送费用为3美元


“我去过的最好的中国餐馆！这说明了很多，因为我去过很多地方！”

“很棒的食物！很棒的服务！再也不要了！我会一次又一次回来的！”

在CSS中，删除页脚的高度：

#footer {
  height:200px;
}

如您所做的那样定义此高度将调整默认引导在列堆叠上的行为。如果您希望维护此属性，请在较大的设备上，在其各自的媒体查询上定义它

例如：

这里有一个链接到。

---

PS（与问题无关）：您正在导入css文件，如下所示：

<link rel="stylesheet" href="C:\Users\Gianpa\Desktop\banco di prova coding\sito prova\css\bootstrap.min.css">
<link rel="stylesheet" href="C:\Users\Gianpa\Desktop\banco di prova coding\sito prova\css\banco prova css.css">

我建议将“banco prova css.css”重命名为“banco_prova_css.css”，并从导入Bootstrap的css，例如：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">