首页 > 解决方案 > 自定义 SB Admin 2 主题

问题描述

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

我要做的就是:使侧边栏固定在折叠状态并且不可切换。

在此处输入图像描述 在此处输入图像描述

标签: cssbootstrap-4sass

解决方案


关于你的第一个问题

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

以下应该可以解决问题:

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 width 制作方框,以便我可以用表格标签替换图形。

我不太确定我明白了,你能说得更详细些吗?


推荐阅读