下拉导航栏适用于 bootply，而不是浏览器答案

【问题标题】：Dropdown Navbar works in bootply, not browser下拉导航栏适用于 bootply，而不是浏览器
【发布时间】：2013-08-13 23:38:01
【问题描述】：

有人可以帮我解决这个问题吗？如果我复制并粘贴到 Bootply 中，下拉菜单有效，但在 Chrome 中不起作用……这是 bootply：

http://bootply.com/73407

两者之间的唯一区别是body标签开始之前的区域（bootply不需要）。我会在下面贴出来。

<html>
<head>
<meta charset="utf-8">
<title>Hulman Street Wesleyan Church - About Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="enter, comma separated, keywords, here">
<meta name="description" content="Enter a brief description of your website here">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Droid+Sans|Cabin:400,700' rel='stylesheet' type='text/css'>

我确实调用了页面底部的 java 脚本，显然它应该加载得更快。

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-dropdown.js">
  $(document).ready(function () {
    $('.dropdown-toggle').dropdown();
});

【问题讨论】：

您确定您的路径正确吗？是否应用了其他样式？
我很确定使用正确的文件路径正确调用了它们。

标签： css twitter-bootstrap navbar

【解决方案1】：

您需要添加 Bootstrap JavaScript 并确保您的 CSS 路径正确。

【讨论】：

我调用页面底部的javascripts。
控制台有错误吗？有没有我们可以看到的测试页面？