调整浏览器窗口bootstrap时,请保持内容及其大小



这些问题对你们来说可能很简单。但是作为初学者,这对我来说很有趣。我正在使用Bootstrap创建一个响应式网站。一切都很好,直到我在建立的网站中发现了一些不同的东西。这是我对Bootstrap的LIL知识构建的 - 我的网站。但是,当我将其与这样的其他网站进行比较时。调整浏览器窗口大小时,您可以看到差异。在后一个。当调整浏览器大小,主要内容元素及其尺寸保持不变时,只有侧面额外的空间会减少。但是在我的网站上,内容在调整大小时会移动和更改位置。我已经比较了其他Bootstrap网站。如您在链接中所致。我的网站的行为不同。我不明白为什么我的网站会发生这种情况。我在这里做错了吗?

您需要使用 containercontainer-fluid来创建一个不使用的响应容器。

来自Bootstrap网站,

使用.Container用于响应固定宽度容器。

使用.Container-Fluid用于完整的宽度容器,跨越视口的整个宽度。

最新更新