Fatal编程技术网
  • html/
  • Html 我想查看折叠的导航项。

Html 我想查看折叠的导航项。

html twitter-bootstrap

Html 我想查看折叠的导航项。,html,twitter-bootstrap,html-lists,nav,collapse,Html,Twitter Bootstrap,Html Lists,Nav,Collapse,我使用了引导并创建了一个导航栏，对于小尺寸显示，导航栏正在折叠，我创建了显示折叠导航栏的按钮。但它不会显示折叠的导航 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <lin

我使用了引导并创建了一个导航栏，对于小尺寸显示，导航栏正在折叠，我创建了显示折叠导航栏的按钮。但它不会显示折叠的导航

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>
<div class="container">
<div class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> Menu</button>
<span class="navbar-brand">Demo</span>

</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Link</a></li>
<li><a href="#">Link2</a></li>
</ul>
</div>
</div>




</div>
</body>
</html>


无标题文件
菜单
演示

    

  • 

  •
您缺少jQuery插件和bootstrap.min.js插件

在导航崩溃后，将此插件添加到（头部）或（身体底部）


菜单折叠
菜单
演示

    

  • 

  •
是的，你是对的，你需要添加jQuery.js和bootstrap.min.js文件，它就可以工作了

请在html页面底部添加此js文件

<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
将您的代码放在这里，我会检查并通知您