Twitter bootstrap 如何在此代码中打开引导模式？

请帮助我的推特引导模式。我似乎无法打开它。模态突然打开点击“登录”，但我似乎真的不能正确地实现它。代码如下：

<nav class ="navbar navbar-default navbar-fixed-top">
    <div class ="container-fluid">
        <div class ="navbar-header">
            <a class="navbar-brand" href="#"><span class="glyphicon glyphicon-home"></span> </a>
        </div>
        <ul class = "nav nav-pills pull-left">
            <li><a href ="#"> Create a Project </a></li>
            <li><a href ="#"> Fund a Project </a></li>
            <li><a href ="#"> Collaborate </a></li>
        </ul>
        <ul class ="nav nav-pills pull-right">
            <li><a href ="#"> About us </a></li>
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign up </a></li>
            <li><a href="#" data-toggle="modal" data-target="#login"><span class="glyphicon glyphicon-log-in"></span> Login </a></li>
        </ul>

    <!--login modal-->
        <div  class="modal fade" id="login" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title"> Login</h4>
                    </div>
                    <div class="modal-body">
                        <p> Some text in the modal.</p>
                    </div>
                    <div class="modal-footer">
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</nav>

&时代；
登录
模态中的一些文本

关

模式可以工作，但需要将其放置在

导航栏

之外，否则您只能看到它，无法访问它

此外，请确保JS文件的顺序正确：

jQuery（第一）

然后是BootstrapJS

您的导航栏也缺少一些HTML（用于移动设备等），我补充说，这不会改变模式，因此您可以按照您喜欢的方式保留导航，只需按照其他方式使模式工作即可

正文{
填充顶部：65px；
}

切换导航
















&时代；
登录
模态中的一些文本

关

莫代尔·洛雷姆·伊普苏姆（ModalLe Lorem Ipsum）是仿造文本的简化版，采用的是前卫印象中的构图和细节。这是1500年出版的一本关于人造文本标准的书，是一本匿名的合集
纺织品政策的法律效力。这是一种在中国生存下来的信仰，主要是因为适应了信息局的工作，而不需要进行任何修改。1960年的《人民报》
乱数假文，乱数假文，内容，加R，加，加，加，用，用，用。
这是一个前卫的印象。这是1500年出版的一本关于人造纺织品标准的书，它是一本关于纺织品政策的书。伊尔纳帕斯酒店
在中国生存下来的信仰，主要是因为适应了信息局的工作，而不需要改变。在1960年的《自然科学》杂志上，我们看到了《自然科学》等相关章节的内容，
加上RexeCuffices，Par SON DANES Des应用程序，在DE TEXE页面，乱数假文。勒洛雷姆一世酒店

Le Lorem Ipsum最简单的是人造文本，它采用了一种构图和一页一页的前卫印象。这是1500年出版的一本关于人造文本标准的著作，是一本匿名的著作
这句话的意思是：“文本是指文本中的警察。”。这是一种在中国生存下来的信仰，主要是因为适应了信息局的工作，而不需要进行任何修改。1960年的《平民》杂志
乱数假文，乱数假文，内容，加，写，用，包括：
la mise在页面上留下了前卫的印象。这是1500年出版的一本关于人造纺织品标准的书，它是一本关于纺织品政策的书。伊尔纳帕斯费
你能活下来，主要是因为适应了信息局的工作，而不需要改变。1960年，在《自然》杂志上发表了《自然知识》等相关文章
ReCuMeCuffon，Paul-Snand DANS DESDES应用程序DE TEXE TEXE ALDUS Page Mealk。LE LoRM IpSUM AST简化DuFaX文本使用E.DANS La乱数假文。勒洛雷姆一世酒店