【问题标题】:customize SB Admin 2 Theme自定义 SB Admin 2 主题
【发布时间】:2021-01-07 22:13:50
【问题描述】:

不是前端开发人员,只是想在我的 Django 项目中使用模板。 我尝试使用 sass 自定义 SB Admin 2 Theme 的 CSS,但我无法找到要编辑的正确元素。我进入了 CSS (Github),它很乱,我不知道如何处理它。我把它通过 sass 编译器,但没有运气。如果有人可以提供帮助,我将不胜感激。

我想做的就是: 将侧边栏固定为折叠状态且不可切换。

【问题讨论】:

  • 为了更清楚一点,您希望它在应该折叠时始终在移动视图上切换?
  • 是在移动设备或桌面设备中折叠。没有切换刚刚折叠,甚至删除切换

标签: css bootstrap-4 sass


【解决方案1】:

关于您的第一个问题

使侧边栏固定在折叠状态且不可切换。

以下应该可以解决问题:

body{
margin-left: 6.5rem;
}
.sidebar,.sidebar.toggled {
width: 6.5rem;
overflow: visible;
position: fixed;
left: 0;
height: 100vh;
max-height: 100vh;
z-index: 9999;
overflow-y: scroll;
}
.sidebar::-webkit-scrollbar {
display: hidden!important;
visibility: hidden!important;
-ms-overflow-style: none!important; /* IE and Edge */
scrollbar-width: none!important; /* Firefox */
}
#sidebarToggleTop {
display: none!important;
visibility: hidden!important;
pointer-events: none!important;
}

这位于您的 style.css 文件的末尾。告诉我这是否适合你。

关于您的第二个问题

Blockquote 使用区域图 flex 宽度制作方框,以便我可以用表格标签替换图形。

我不太清楚我是否理解,您能否详细说明一下。

【讨论】:

  • 代码不起作用,我把它放在屏幕截图的顶部,如果这不是正确的地方,请告诉我。对于第二个,也为你添加一个截图,它是固定宽度我需要它来扩展内容。
  • 把它放在底部,它正在做主题的实时预览,没有理由不适合你
  • 顶部、底部、顶部和底部。没有什么对我有用。非常感谢您的回复
  • 我可以看到你正在将这个添加到bootstrap.css文件中,这个应该添加到主题style.css文件下,最后。
  • 它实际上是 sb-admin-2.min.css,这是页面的样式文件,我知道(或者我想我知道),因为如果我将其注释掉,一切都会中断。问题是在粘贴你的 sn-p 之后它没有做任何事情我尝试通过编辑文件本身来破坏它,但仍然没有任何反应。这对我来说很奇怪。将样式注释掉,或者用我用 SASS 制作的 MAIN.CSS 替换它,它会中断,但在没有任何变化的情况下对其进行编辑。刚刚迷失在这里。肯定错过了什么!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-17
  • 2017-03-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多