Twitter bootstrap 3 如何自动关闭bootstrap3'；s导航栏用省道折叠？

导航栏的外观如下所示：

我已经搜索了关于jquery的答案，但我对jquery一无所知……html代码是：

<div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <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="http://www.zhi-tech.com" target="_blank">SmartGas System</a>
    </div>
    <div id="navbar" class="nav-pills navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
            <li [class.active]="getLinkStyle('')">
                <a class="link" [routerLink]="['/Home']">系统总览</a>
            </li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                    账户管理 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li [class.active]="getLinkStyle('/account_managger/manual_meter')">
                        <a class="link" [routerLink]="['/AccountManualMeter']">人工账单</a>
                    </li>
                </ul>
            </li>
            <li [class.active]="getLinkStyle('/device_manager')">
                <a class="link" [routerLink]="['/DeviceManager']">设备管理</a>
            </li>
            <li class="disabled"><a>权限管理</a></li>
            <li class="disabled"><a>统计信息</a></li>
        </ul>
    </div>

切换导航




人工账单




设备管理

权限管理
统计信息

我对引导程序不太了解。你能指出在jQuery或纯JS中，或者链接到解释你想做什么的文档中，你会怎么做吗？是关于设置属性还是调用JS函数？也许是这样？你说的什么意思“自动关闭”？当你在导航栏外点击时，它应该隐藏？@Günter Zöchbauer，是的，我想在dart中调用这样的JS函数…@Martin这意味着当我点击导航栏时，它仍然打开，如果导航栏后面有什么东西，它将被挡在外面，例如，输入元素中有foucus，光标将在导航栏上闪烁…@Matrix Ok，你能帮我们做一个实验吗？