Question

我的bootstrap 3有问题。我想制作一个响应式导航栏，但是当我缩小页面并显示按钮时，不幸的是它对click事件没有反应，尽管我添加了bootstrap.js和jquery.js

这是代码

<div class="navbar navbar-default navbar-fixed-top" role="navigation" th:fragment="gennav">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/servicemed/" th:href="@{/}"><b>Service Medicale</b></a>
        </div>
        <div class="collapse navbar-collapse ">
            <ul class="nav navbar-nav">
                <li><a href="/servicemed/" th:href="@{/}"><span class="fa fa-home"></span> Home</a></li>
                <li><a href="/servicemed/" th:href="@{/}"><span class="fa fa-rocket"></span> Not</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="divider"></li>
                <li><a href="/servicemed/" th:href="@{/}"><span class="fa fa-sign-in"></span> Login</a></li>
            </ul>
        </div>
    </div>
</div>

知道它为什么不起作用？我需要另一个js文件才能实现吗？

PS：不介意＆＃34; th：*＆＃34;标签，我使用百里香叶

修改

上面的代码正常工作，当我包含带链接的jquery.min.js和bootstrap.min.js文件（需要互联网）但是当我下载它们并尝试在本地（离线）添加它们时，按钮没有＆＃39工作，任何想法为什么？

Answer 1

Please see here您的HTML代码很好，请确保您在这两个脚本的标题引用中：

<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

折叠按钮：使用bootstrap 3离线工作

1 个答案: