即使窗口屏幕大小为

【问题标题】：creen even when the window screen size is即使窗口屏幕大小为
【发布时间】：2020-12-01 23:09:35
【问题描述】：

当窗口大小为 970 像素时，我试图保留您在此 [page here][1] 上看到的左侧边栏。现在，如果我将此窗口大小设置为 970 像素，左侧边栏就会消失。即使在 970px 断点处，如何保持页面上的侧边栏？

[![侧边栏截图][2]][2]

    </div>
</aside>

【问题讨论】：

首先，不要使用float 来为网站添加内容。它不仅过时，而且从来都不是它的预期用途。我知道它被许多人误用，并且在一些糟糕的教程中被认为是错误的。浮动应该只用于在文本段落中浮动图像。对于其他所有内容，请使用 flexboxes 或 css-grid。

标签： javascript html css twitter-bootstrap bootstrap-4

【解决方案1】：

侧边栏位于底部，但已设置为 display none; 您只需删除 assets/prebuild/css/partials/_responsive2015-mobileTablet.scss 中的第 55 - 58 行并且侧边栏会出现在最后

编辑

经过一些澄清，这里是更新的答案。如果您可以将需要激活侧边栏的页面分开，那么您应该在您的 body 标记或 .leftNav2 容器中添加一个额外的类。含义：

<body style="position: relative; min-height: 100%; top: 0px;" class="with-sidebar">

然后在您的 mediaQuery 上

/*Department Left Nav*/
.department nav .leftNav2,
.department nav #leftNav {
     display:none;
}
.with-sidebar .department nav .leftNav2,
.with-sidebar .department nav #leftNav {
     display:block;
}

【讨论】：

评论不用于扩展讨论；这个对话是moved to chat。