Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导:模板示例不';t工作-按钮不';不反应_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导:模板示例不';t工作-按钮不';不反应

Javascript 引导:模板示例不';t工作-按钮不';不反应,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我试图使引导折叠边栏模板工作,但不能。它看起来像是应该看起来的,但在按下按钮时没有反应,即使我从和jquery下载了“编译的CSS和Js”,并将其包括在下面: <html> <head> <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-4.1.3/css/bootstrap.css"> <script src="${pageCont

我试图使引导折叠边栏模板工作,但不能。它看起来像是应该看起来的,但在按下按钮时没有反应,即使我从和jquery下载了“编译的CSS和Js”,并将其包括在下面:

<html>
  <head>
     <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-4.1.3/css/bootstrap.css">
     <script src="${pageContext.request.contextPath}/bootstrap-4.1.3/js/bootstrap.js"></script>
     <script src="${pageContext.request.contextPath}/bootstrap-4.1.3/js/jquery-3.3.1.min.js"></script>

     <style>style from template</style>
     <script>script from template</script>
  </head>

  <body>
    body from template
  </body>

</html>

来自模板的样式
来自模板的脚本
模板的主体
当我单击“折叠”或菜单上的任何位置时,它都不会做出任何反应,这与在模板中可以看到的正确反应相反

为什么会发生这种情况以及如何解决


编辑:真实链接:

尽管您提供的链接(有问题的第5个单词)没有指向任何初学者模板。如果您正在谈论可折叠侧边栏,如下面的屏幕截图所示:

那它对我有用。我所做的只是添加了缺少的
链接
,用于字体很棒的css。请参阅下面的完整代码段:

#侧栏。列出组项{
边界半径:0;
背景色:#333;
颜色:#ccc;
左边框:0;
右边界:0;
边框颜色:#2c2c;
空白:nowrap;
}
/*突出显示活动菜单*/
#侧栏。列表组项:未(.collapsed){
背景色:#222;
}
/*封闭状态*/
#sidebar.list group.list组项[aria expanded=“false”]::之后{
内容:“\f0d7”;
字体系列:Fontsome;
显示:内联;
文本对齐:右对齐;
左侧填充:5px;
}
/*开放状态*/
#侧栏.列表组.列表组项[aria expanded=“true”]{
背景色:#222;
}
#sidebar.list group.list group项[aria expanded=“true”]::之后{
内容:“\f0da”;
字体系列:Fontsome;
显示:内联;
文本对齐:右对齐;
左侧填充:5px;
}
/*一级*/
#侧栏.列表组.折叠.列表组项{
左侧填充:20px;
}
/*二级*/
#侧边栏.list group.collapse>.collapse.list group项{
左侧填充:30px;
}
/*三级*/
#侧栏.列表组.collapse>.collapse>.collapse.list组项目{
左侧填充:40px;
}
@介质(最大宽度:48em){
/*在小屏幕上覆盖子级别*/
#侧边栏.列表组.collapse.in,#侧边栏.列表组.collapsing{
位置:绝对位置;
z指数:1;
宽度:190px;
}
#侧边栏.列表组>.列表组项目{
文本对齐:居中;
填充物:75雷姆。5雷姆;
}
/*折叠时隐藏顶级插入符号图标*/
#侧边栏.list group>.list group项[aria expanded=“true”]::之后,
#侧边栏.list group>.list组项[aria expanded=“false”]::之后{
显示:无;
}
}
/*切换整个侧栏时,将过渡动画更改为“宽度”*/
#侧边栏{
-webkit过渡计时功能:轻松;
-o-转换-定时-功能:轻松;
过渡时间功能:轻松;
-webkit转换持续时间:.2s;
-o-过渡持续时间:.2s;
过渡持续时间:.2s;
}
#边栏。正在崩溃{
不透明度:0.8;
宽度:0;
-webkit过渡计时功能:易用;
-o-转换-定时-功能:易用;
过渡时间功能:轻松进入;
-webkit转换属性:宽度;
-o-过渡性质:宽度;
过渡特性:宽度;
}

引导4侧边栏菜单

一种反应灵敏的多层次垂直手风琴


不清楚您的要求,但有时谷歌可能会有所帮助@我的问题不是侧边栏。我的问题是无法使用该模板,因为缺少该模板使用的引导库,我不知道使用哪一个。什么模板?提供链接。@rmalviya这是我问题中的第五个词。