Twitter bootstrap 启动扳手按钮不可点击
大家好，我正在用twitter引导建立一个网站，目前我遇到了一个问题。nav崩溃类。一旦站点调整大小并出现扳手按钮，它将变得不可访问Twitter bootstrap 启动扳手按钮不可点击,twitter-bootstrap,user-interface,Twitter Bootstrap,User Interface,大家好，我正在用twitter引导建立一个网站，目前我遇到了一个问题。nav崩溃类。一旦站点调整大小并出现扳手按钮，它将变得不可访问 <div class="container"> <div class="navbar-wrapper"> <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</a>
<a class="brand" href="index.html">SingPath</a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>
<a href="index.html#/quests">Quests</a>
</li>
<li>
<a href="index.html#/practice">Practice</a>
</li>
<li>
<a href="index.html#/teach">Challenges</a>
</li>
<li>
<a href="index.html#/ranking">Rankings</a>
</li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">More...
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="index.html#tournaments">Tournaments</a>
</li>
<li>
<a href="index.html#trials">Trials</a>
</li>
<li>
<a href="index.html#challenges">Events</a>
</li>
<li>
<a href="index.html#rankings">Statistics on Tournaments</a>
</li>
<li>
<a href="index.html#challenges">Teaching</a>
</li>
<li>
<a href="index.html#challenges">Contribute Problems</a>
</li>
<li class="divider">
</li>
<li class="nav-header">Create
</li>
<li>
<a href="index.html#challengeCreator">Challenges</a>
</li>
<li>
<a href="index.html#story">Story</a>
</li>
<li>
<a href="#">Tutorials</a>
</li>
</ul>
</li>
<li>
<a href="index.html#profile">Profile</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.container -->
</div>
<div class="container">
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</a>
<a class="brand" href="index.html">SingPath</a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>
<a href="index.html#/quests">Quests</a>
</li>
<li>
<a href="index.html#/practice">Practice</a>
</li>
<li>
<a href="index.html#/teach">Challenges</a>
</li>
<li>
<a href="index.html#/ranking">Rankings</a>
</li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">More...
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="index.html#tournaments">Tournaments</a>
</li>
<li>
<a href="index.html#trials">Trials</a>
</li>
<li>
<a href="index.html#challenges">Events</a>
</li>
<li>
<a href="index.html#rankings">Statistics on Tournaments</a>
</li>
<li>
<a href="index.html#challenges">Teaching</a>
</li>
<li>
<a href="index.html#challenges">Contribute Problems</a>
</li>
<li class="divider">
</li>
<li class="nav-header">Create
</li>
<li>
<a href="index.html#challengeCreator">Challenges</a>
</li>
<li>
<a href="index.html#story">Story</a>
</li>
<li>
<a href="#">Tutorials</a>
</li>
</ul>
</li>
<li>
<a href="index.html#profile">Profile</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.container -->
</div>
-
-
-
-
-
-
-
-
-
-
-
-
- 创建
-
-
-
-
<div class="container">
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</a>
<a class="brand" href="index.html">SingPath</a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>
<a href="index.html#/quests">Quests</a>
</li>
<li>
<a href="index.html#/practice">Practice</a>
</li>
<li>
<a href="index.html#/teach">Challenges</a>
</li>
<li>
<a href="index.html#/ranking">Rankings</a>
</li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">More...
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="index.html#tournaments">Tournaments</a>
</li>
<li>
<a href="index.html#trials">Trials</a>
</li>
<li>
<a href="index.html#challenges">Events</a>
</li>
<li>
<a href="index.html#rankings">Statistics on Tournaments</a>
</li>
<li>
<a href="index.html#challenges">Teaching</a>
</li>
<li>
<a href="index.html#challenges">Contribute Problems</a>
</li>
<li class="divider">
</li>
<li class="nav-header">Create
</li>
<li>
<a href="index.html#challengeCreator">Challenges</a>
</li>
<li>
<a href="index.html#story">Story</a>
</li>
<li>
<a href="#">Tutorials</a>
</li>
</ul>
</li>
<li>
<a href="index.html#profile">Profile</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.container -->
</div>
有人知道为什么会这样吗？非常感谢 您缺少所需的javascript文件。。。对于这一个，它是
bootstrap collapse.js<div class="container">
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</a>
<a class="brand" href="index.html">SingPath</a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>
<a href="index.html#/quests">Quests</a>
</li>
<li>
<a href="index.html#/practice">Practice</a>
</li>
<li>
<a href="index.html#/teach">Challenges</a>
</li>
<li>
<a href="index.html#/ranking">Rankings</a>
</li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">More...
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="index.html#tournaments">Tournaments</a>
</li>
<li>
<a href="index.html#trials">Trials</a>
</li>
<li>
<a href="index.html#challenges">Events</a>
</li>
<li>
<a href="index.html#rankings">Statistics on Tournaments</a>
</li>
<li>
<a href="index.html#challenges">Teaching</a>
</li>
<li>
<a href="index.html#challenges">Contribute Problems</a>
</li>
<li class="divider">
</li>
<li class="nav-header">Create
</li>
<li>
<a href="index.html#challengeCreator">Challenges</a>
</li>
<li>
<a href="index.html#story">Story</a>
</li>
<li>
<a href="#">Tutorials</a>
</li>
</ul>
</li>
<li>
<a href="index.html#profile">Profile</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.container -->
</div>
<div class="container">
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</a>
<a class="brand" href="index.html">SingPath</a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>
<a href="index.html#/quests">Quests</a>
</li>
<li>
<a href="index.html#/practice">Practice</a>
</li>
<li>
<a href="index.html#/teach">Challenges</a>
</li>
<li>
<a href="index.html#/ranking">Rankings</a>
</li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">More...
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="index.html#tournaments">Tournaments</a>
</li>
<li>
<a href="index.html#trials">Trials</a>
</li>
<li>
<a href="index.html#challenges">Events</a>
</li>
<li>
<a href="index.html#rankings">Statistics on Tournaments</a>
</li>
<li>
<a href="index.html#challenges">Teaching</a>
</li>
<li>
<a href="index.html#challenges">Contribute Problems</a>
</li>
<li class="divider">
</li>
<li class="nav-header">Create
</li>
<li>
<a href="index.html#challengeCreator">Challenges</a>
</li>
<li>
<a href="index.html#story">Story</a>
</li>
<li>
<a href="#">Tutorials</a>
</li>
</ul>
</li>
<li>
<a href="index.html#profile">Profile</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.container -->
</div>