Bootstrap 4 如何使用MDBootstrap创建侧栏菜单
我想创建一个侧菜单，我发现： 我从下载了MDB库并将其包含在我的项目中，我放置了屏幕截图 这是我的项目代码：Bootstrap 4 如何使用MDBootstrap创建侧栏菜单,bootstrap-4,mdbootstrap,Bootstrap 4,Mdbootstrap,我想创建一个侧菜单，我发现： 我从下载了MDB库并将其包含在我的项目中，我放置了屏幕截图 这是我的项目代码： <head> <link href="~/lib/MDB/css/mdb.min.css" rel="stylesheet" /> <script src="~/lib/MDB/js/mdb.min.js"></script> </head> <
<head>
<link href="~/lib/MDB/css/mdb.min.css" rel="stylesheet" />
<script src="~/lib/MDB/js/mdb.min.js"></script>
</head>
<body>
<a href="#" data-activates="slide-out" class="btn btn-dark p-3 button-collapse">
<i class="fas fa-bars"></i>
</a>
<!-- Sidebar navigation -->
<div id="slide-out" class="side-nav2 side special-color-dark">
<ul class="collapsible collapsible-accordion">
<li><a class="collapsible-header waves-effect">Submit blog</a></li>
<li><a class="collapsible-header waves-effect"> Instruction</a></li>
<li><a class="collapsible-header waves-effect"> About</a></li>
<li><a class="collapsible-header waves-effect"> Contact me</a></li>
</ul>
<div class="sidenav-bg"></div>
</div>
<script>
$(document).ready(function () {
// SideNav Button Initialization
$(".button-collapse").sideNav2();
// SideNav Scrollbar Initialization
var sideNavScrollbar = document.querySelector('.custom-scrollbar');
var ps = new PerfectScrollbar(sideNavScrollbar);
});
</script>
</body>
- 提交博客
- 指示
- 关于
- 联系我
$（文档）.ready（函数（）{
//侧导航按钮初始化
$（“.button collapse”）.sideNav2（）；
//侧导航滚动条初始化
var sideNavScrollbar=document.querySelector（'.custom scrollbar'）；
var ps=新的PerfectScrollbar（sideNavScrollbar）；
});