Navbar折叠不适用于块内容

Question

当我在html中拥有阻止内容时，无法找到崩溃功能失败的原因。

任何人都知道为什么它不会工作以及如何解决它？

<div class="masthead">
<!--<nav class="navbar navbar-default" id="base_navbar">-->
<div class="navbar navbar-inverse">
    <div class="navbar-header">
        <div class="container-fluid">
            <button class="navbar-toggle navbar-left" data-toggle="collapse" data-target="#base_header" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand logo hidden-md hidden-sm hidden-xs"></a>

        </div>

        <div class="collapse navbar-collapse" id="base_header">
            <ul class="nav nav-justified" id="navbar_text">
                <li><a href="#" id="home"><h3>Home</h3></a></li>
                <li><a href="#" id="food"><h3>food</h3></a></li>
                <li><a href="#" id="contakt"><h3>Contact</h3></a></li>
            </ul>
        </div>
    </div>
    </nav>
</div>

<div id="base_background-block">
    <div id="base_text-block">
        {% block content %}{% endblock %}
    </div>
</div> 

截至目前，我只能将崩溃切换为打开，但我无法关闭它。那么我怎样才能使导航栏关闭＆＃34; -able？