数据切换和数据目标不起作用 [英] Data-toggle and data-target are not working
问题描述
我一直在环顾四周尝试不同的解决方案,但到目前为止都没有帮助我.我的下拉菜单不起作用,因为 data-toggle 和 data-target 没有被识别"(至少这就是我认为它不起作用的原因).我似乎无法找到解决方案,所以我希望这里有人可以帮助我.代码如下:
<html lang="zh-cn"><头><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 以上 3 个元标记 * 必须* 排在首位;任何其他头部内容必须在*这些标签之后* --><title>Bootstrap 101 模板</title><!-- 引导程序--><!-- 最新编译和缩小的 CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"><!-- 可选主题--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"><!-- 最新编译和缩小的 JavaScript --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><!-- 用于 HTML5 元素和媒体查询的 IE8 支持的 HTML5 shim 和 Respond.js --><!--[如果是 IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--><风格>.盒子{背景颜色:#d3d3d3;边框:1px纯灰色;}</风格>头部><身体><div class="navbar navbar-inverse"><div class="容器"><div class="navbar-header"><a href="" class="navbar-brand">我的网站</a><button type="button" class="navbar-toggle" datatoggle="collapse" data-target=".navbar-collapse"><span class="sr-only">切换导航</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>按钮>
<div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li><a href="">第 1 页</a></li><li><a href="">第 1 页</a></li><li><a href="">第 1 页</a></li>