Javascript Bootstrap js元素在Fiddle中工作,但不在本地工作
我已经做了几乎所有我能想到的事情,但是我不能让我的引导元素(即导航折叠和标签)在本地工作。他们的小提琴演奏得都很好,所以我很困惑 小提琴在这里: 我将js引入项目的代码位于页脚下方,如下所示:Javascript Bootstrap js元素在Fiddle中工作,但不在本地工作,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我已经做了几乎所有我能想到的事情,但是我不能让我的引导元素(即导航折叠和标签)在本地工作。他们的小提琴演奏得都很好,所以我很困惑 小提琴在这里: 我将js引入项目的代码位于页脚下方,如下所示: <!-- Placed at the end of the document so the pages load faster --> <script src="js/jquery.js"></script> <script src="js/boo
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
我的标题代码如下:
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> <a class="brand" href="http://howard.edu">Project</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a>
</li>
<li class="active"><a href="contact.html">Contact</a>
</li>
<li><a href="nowplaying.html">Now Playing</a>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Public Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="public.html#observatory">Observatory</a>
</li>
<li><a href="public.html#planetarium">Planetarium</a>
</li>
<li class="divider"></li>
<li class="nav-header">For Teachers and Schools</li>
<li><a href="schools.html#programs">Programs</a>
</li>
<li><a href="schools.html#events">Host an Event</a>
</li>
<li><a href="schools.html#education">Educational Initiatives</a>
</li>
</ul>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Undergraduate Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="students.html#observatory">Observatory</a>
</li>
<li><a href="students.html#planetarium">Planetarium</a>
</li>
<li class="divider"></li>
<li class="nav-header">HU Physics</li>
<li><a href="#">Physics Homepage</a>
</li>
<li><a href="#">Physics and Astronomy</a>
</li>
</ul>
</li>
<li><a href="volunteer.html">Volunteer</a>
</li>
<li><a href="faq.html">FAQ</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
-
-
-
-
-
-
教师和学校
-
-
-
-
-
HU物理
编辑:Bootstrap.css、Bootstrap-responsive.css和我的自定义文件(betterstrap2.css)如下添加:
<link href="css/bootstrap.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700 ' rel='stylesheet' type='text/css'>
<link href="css/betterstrap2.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
提前谢谢 存在无效的javascript错误或指向javascript文件的链接。点击页面上的F12并刷新以查看失败的地方。确保jquery和引导源文件位于要从这些脚本标记加载的正确位置
另外,如果你想在页面上看到你的引导元素看起来很漂亮,你也应该加载bootstrap.css文件:)这就是我的答案。点击F12并修复javascript错误或错误的资源URL。这应该是一个注释,而不是回答您如何在本地包含
引导.css
?就像这样:
您能澄清“不起作用”吗?导航栏是否没有响应?当你点击标签时,没有发生任何事情吗?@Skelly当我点击这三行时,导航栏会展开,但不会收缩。此外,当我在导航栏展开(即:公共资源)时单击下拉菜单时,它不会展开导航栏的其余部分。。。相反,它只是尽可能多地显示在剩余的房间里。它们应该在正确的文件夹中,我引用它们就像我引用css一样,这很有效。。。啊!