Question

我希望在固定宽度内容列旁边有一个固定宽度的侧边栏（不是基于列宽百分比），所有这些都在页面上居中。然而，当用于屏幕较小的东西时，我会喜欢菜单和内容列堆积，但我无法找到一种方法如何在任何地方做到这一点:(另一方面，我想这必须可以在Bootstrap，所以我想问我该怎么办。

Answer 1

这在Bootstrap中是不可能的，你应该使用@media查询我想，当屏幕宽度最大为850px时，您希望侧边栏填满屏幕。

您可以轻松完成此任务。

@media screen and (max-width: 850px) {
     .mysidebar {
         display: block; // Depend of your sidebar class
         width: 100%;
     }
}

编辑： Bootstrap中的另一种方法是使用 col-sm - * 和 col-md- 行 div * 孩子为你的侧边栏。

如果你不知道， col-md 和 col-sm 功能可以根据屏幕调整列的宽度尺寸。