是的，有可能！

在不使用JavaScript的情况下切换BS 3移动的导航栏

1.创建包含导航栏状态的隐藏复选框（如果选中则展开）
1.将导航栏button更改为label以用于此不可见复选框
1.使用CSS General Sibling Selector切换导航栏的显示.
如何在没有JavaScript的情况下更改CSS属性之前在SO上讨论过，并且那里显示了1的原理。应用这个 Bootstrap 很简单。
试用**Live demo**（得益于rawgit）或在flexponsive上查看其生产情况
完整的演示可以在Github项目bs3-navbar-collapse-without-javascript上找到。

浏览器支持

• CSS常规同级选择器得到广泛支持
• 在移动的中成功测试：安卓5和iOS 8
• 也适用于桌面：Chrome 43和火狐38

限制

• 如果您决定使用下拉菜单，那么它们仍然需要JS

详细步骤

首先，您需要添加自定义CSS：

/* show the collapse when navbar toggle is checked */
#navbar-toggle-cbox:checked ~ .collapse {
    display: block;
}

/* the checkbox used only internally; don't display it */
#navbar-toggle-cbox {
  display:none
}

然后按如下所示更改导航栏HTML：

<!-- insert checkbox -->
<input type="checkbox" id="navbar-toggle-cbox">
<!-- change the "hamburger" icon from being a button to a label for checkbox -->
<div class="navbar-header">
 <label for="navbar-toggle-cbox" 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>
  </label>
<!-- end label not button -->