Javascript 我在使用MDB网页上提供的bootstrap 4默认代码显示顶部和侧面导航菜单时遇到问题

Javascript 我在使用MDB网页上提供的bootstrap 4默认代码显示顶部和侧面导航菜单时遇到问题,javascript,jquery,html,css,bootstrap-4,Javascript,Jquery,Html,Css,Bootstrap 4,//在显示页面内容之前显示加载程序的函数 var-myVar; 函数displayLoader(){ myVar=setTimeout(showPage,3000); } 函数showPage(){ document.getElementById(“加载器”).style.display=“无”; document.getElementById(“myDiv”).style.display=“block”; } //侧导航已初始化 $(文档).ready(函数(){ //侧导航按钮初始化 $(“

//在显示页面内容之前显示加载程序的函数
var-myVar;
函数displayLoader(){
myVar=setTimeout(showPage,3000);
}
函数showPage(){
document.getElementById(“加载器”).style.display=“无”;
document.getElementById(“myDiv”).style.display=“block”;
}
//侧导航已初始化
$(文档).ready(函数(){
//侧导航按钮初始化
$(“.button collapse”).sideNav();
//侧导航滚动条初始化
var sideNavScrollbar=document.querySelector('.custom scrollbar');
var ps=新的PerfectScrollbar(sideNavScrollbar);
});
//侧导航初始化
$(“.button collapse”).sideNav()
#加载器{
位置:绝对位置;
左:50%;
最高:50%;
z指数:1;
宽度:150px;
高度:150像素;
利润率:-75px 0-75px;
颜色:#4CAF50;
}
#myDiv{
显示:无;
文本对齐:居中;
}
.双导航面包屑dn{
颜色:#fff;
}
.side-nav.wide.slim.sn广告头像包装a跨度{
显示:无;
}

仪表板
加载。。。

你能具体说明你的问题吗?导航栏与预期的输出有什么不同?下面的代码应该在屏幕左边显示一个固定的导航栏和一个固定的顶部导航栏,当我运行代码时,边导航显示在页面的中间,布局没有被正确组织。好了,现在更清楚了。你能做一个功能代码笔或JSFIDLE的例子吗?