【问题标题】: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;
}

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-01
相关资源
最近更新 更多