Css 下拉导航栏在bootply中工作,而不是在浏览器中工作

Css 下拉导航栏在bootply中工作,而不是在浏览器中工作,css,twitter-bootstrap,navbar,Css,Twitter Bootstrap,Navbar,有人能帮我解决这个问题吗?如果我复制并粘贴到Bootply中,下拉菜单可以工作,但在Chrome中不起作用。。。以下是引导层: 两者之间的唯一区别是body标记开始之前的区域(bootply不需要)。我会把它贴在下面 <html> <head> <meta charset="utf-8"> <title>Hulman Street Wesleyan Church - About Us</title> <meta name="vi

有人能帮我解决这个问题吗?如果我复制并粘贴到Bootply中,下拉菜单可以工作,但在Chrome中不起作用。。。以下是引导层:

两者之间的唯一区别是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();
});

$(文档).ready(函数(){
$('.dropdown toggle').dropdown();
});

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

您确定您的路径正确吗?是否应用了其他样式?我非常确定它们是使用正确的文件路径正确调用的。我调用了页面底部的javascripts。控制台中是否有错误?有没有我们可以看到的测试页面?