自定义SB Admin 2主题

编程问答 2022-06-12

问题描述

不是仅在我的Django项目中尝试使用模板的前端开发人员。 我尝试使用sass自定义SB Admin 2 Theme的CSS，但是在查找要编辑的正确元素时遇到了麻烦。我进入CSS（Github）的过程非常混乱，我不知道该如何处理。我把它通过sass编译器，但那里没有运气。如果有人可以提供帮助，我将非常感谢。

我要做的是： 将侧边栏固定为折叠状态，并且无法切换。

enter image description here

enter image description here

解决方法

关于您的第一个问题

将侧边栏固定为折叠状态，并且无法切换。

以下应该可以解决问题：

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在具有面积图弹性宽度的框内放置一个框，以便可以用表格标签替换该图。

我不太确定我是否理解，能否详细介绍一下。

bootstrap-4sass