我在这里有点迷路,主要是因为我不知道jquery,但我试图使用bootstraps崩溃jquery插件来获得移动第一个菜单工作。我没有使用bootstraps css,我需要使用它吗?是否有可能只使用jQuery插件没有任何引导CSS?当我按下三栏菜单图标时,什么也没有发生。我的css目前正在隐藏和揭示三栏菜单图标 - 我不知道这是否与jquery中的任何内容竞争。Twitter Bootstrap崩溃菜单不工作
<body>
<section class="grid sticky">
<div class="container">
<header class="grid twelve header">
<a href="#" class="menuButton btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<div class="iconBar"></div>
<div class="iconBar"></div>
<div class="iconBar"></div>
</a>
<div class="logoHolder">
<a class="logo" href="index.html">
<img src="img/logo/ks_logo.svg">
</a>
</div>
<!-- Main Nav, hidden below 768 px -->
<nav class="mainNav not-phone not-phoneSM">
<ul class="nav">
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
</div>
</section>
<!-- Mobile Main Nav, called upon to relieve when screen is at 768 px -->
<section class="not-desktop not-tablet">
<header>
<nav class="mobileMainNav nav-collapse collapse">
<ul>
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
</section>
<!-- jQuery via Google + local fallback, see h5bp.com -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Bootstrap jQuery Plugins, compiled and minified -->
<script src="bootstrap2/js/bootstrap.min.js"></script>
</body>
<! - jQuery via Google + local fallback,请参阅h5bp.com - > <! - 引导jQuery插件,编译的和缩小的 - > \t \t \t