Twitter bootstrap twitter引导程序未链接到jquery_Twitter Bootstrap

Twitter bootstrap twitter引导程序未链接到jquery

twitter-bootstrap

Twitter bootstrap twitter引导程序未链接到jquery,twitter-bootstrap,Twitter Bootstrap,我正在学习推特引导教程，在让初始输出正常工作方面遇到了问题。我研究这个问题已经有一段时间了，看起来问题可能是链接到jquery时不正确，但是没有一个发布的代码解决方案解决了我的问题。下面的代码来自教程，不是我自己的。在本教程中，这段代码创建了一个响应性的折叠导航栏，但是我的输出如下所示： <!DOCTYPE html> <html> <head> <title>Twitter Bootstrap 3</title> &

我正在学习推特引导教程，在让初始输出正常工作方面遇到了问题。我研究这个问题已经有一段时间了，看起来问题可能是链接到

jquery

时不正确，但是没有一个发布的代码解决方案解决了我的问题。下面的代码来自教程，不是我自己的。在本教程中，这段代码创建了一个响应性的折叠导航栏，但是我的输出如下所示：

<!DOCTYPE html>
<html>
<head>
    <title>Twitter Bootstrap 3</title>

    <link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
</head>
<body>

    <!-- Fixed Navigation Bar with drop down menu
    =============================================-->

    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand"> WORDS <a>
            </div>
        </div>
    </div>

    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tutorials <b class="carrot"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Bootstrap Tutorials</a></li>
                    <li><a href="#">Bootstrap Tutorials</a></li>
                    <li><a href="#">Bootstrap Tutorials</a></li>
                    <li><a href="#">Bootstrap Tutorials</a></li>
                </ul>
            </li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
</body>
</html>


推特引导3

这对于Bootstrap 3.x很好。在您的中，您说您正在使用bootstrap 2.3.2，这是不兼容的

链接Bootstrap3的资源而不是版本2的资源将使您的站点工作正常。请参见以下bootplies作为证明：

打开调试器工具，检查是否在正确加载JavaScript文件时发生任何错误？你确定使用了正确版本的jQuery和Bootstrap吗？@Nicolasccurdy我认为JavaScript文件可能没有正确加载，我不确定我需要做什么不同的事情。我今天下载了jQuery版本1.11.1未压缩，今天下载了引导版本2.3.2您需要指向正确的src，名称应该与您的文件相同name@Se0ng11抱歉耽搁了，我得查一下如何检查错误。我有以下错误“资源被解释为脚本，但使用MIME类型text/plain传输：”file:///C:/Users/Adam/Documents/webpage_testing/js/jquery.js.trument.htm:7资源被解释为脚本，但使用MIME类型text/plain传输：file:///C:/Users/Adam/Documents/webpage_testing/js/bootstrap.js“.trument.htm:8”是，这就是问题所在，我现在已经开始跑步了！谢谢你们帮我解决问题，这是一个愚蠢的错误，但这是一个我自己无法解决的错误。也感谢Se0ng11和Nicolasccurdy花时间来帮助我！