调整浏览器窗口引导大小时保持内容及其大小

Question

这些问题对你们来说可能很简单。但作为初学者，这对我来说非常有趣。我正在创建一个带有bootstrap的响应式网站。一切都很好，直到我在我建立的网站上发现了不同的东西。以下是我用自己关于引导程序的知识构建的内容 - my website。但是，当我将其与this等其他网站进行比较时。您可以在调整浏览器窗口大小时看到差异。在后一个。当浏览器调整大小并且主要内容元素及其大小保持不变时，只有侧面额外空间减少。但是在my website中，内容会在调整大小时移动并更改位置。我比较了this one等其他引导网站。你可以在链接中。我的网站表现不同。我不明白为什么我的网站会发生这种情况。我在这里做错了吗？

Answer 1

您需要使用container或container-fluid来创建您未使用的自适应容器。

来自bootstrap website，

  

使用.container作为响应式固定宽度容器。

和

  

使用.container-fluid作为全宽容器，跨越视口的整个宽度。