Html 引导列没有响应

我在努力写我的专栏。他们没有反应。当我缩小页面以模拟电话查询时，我的列仍然被展开，就像页面非常大一样。我给你看一张照片

页脚的我的HTML（问题所在）：

图片：

---

您的问题是页脚的静态宽度设置为

1100px

---

如果将页脚设置为

宽度：100%

，则列将响应。

您的问题是页脚设置为静态宽度

1100px

---

如果将页脚设置为

宽度：100%

，则列将响应。

删除页脚中的1100px宽度

将页脚类更改为以下内容：

.footer {
  height: 100px;
  background-color: #277FD8;
  position: absolute;
  bottom: 0;
  width: 100%;
}

---

删除页脚中的1100px宽度

将页脚类更改为以下内容：

.footer {
  height: 100px;
  background-color: #277FD8;
  position: absolute;
  bottom: 0;
  width: 100%;
}

---

你可以把它放在一个容器里，这样我就可以管理它了。因此它将跟随您的

.container

的宽度

---

您可以为它放置一个容器，这样我就可以管理它了。因此它将跟随您的

.container

的宽度

为什么要指定页脚的宽度？集装箱舱应该可以。哇，我是个白痴。非常感谢您的及时回复！为什么要指定页脚的宽度？集装箱舱应该可以。哇，我是个白痴。非常感谢您的及时回复！哇，我是个白痴。非常感谢您的及时回复！哇，我是个白痴。非常感谢您的及时回复！

.footer {
  height: 100px;
  background-color: #277FD8;
  position: absolute;
  bottom: 0;
  width: 100%;
}