与引导网站

Question

我想创建一个菜单这样创建的菜单。

Answer 1

这很简单，只要加入该css文件中定义的bootstrap css，bootstrap.js和jQuery（前bootstrap.js）和使用类和它的网站本身你指的是完全documentated。 Just an example here :

<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="../" class="navbar-brand">My Menu</a> 
    </div> 
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> 
     <ul class="nav navbar-nav"> 
      <li class="active"> 
       <a href="#">Page One</a> 
      </li> 
      <li> 
       <a href="#">Page Two</a> 
      </li> 
      <li> 
       <a href="#">Page Three</a> 
      </li> 
     </ul> 
    </nav> 
    </div> 
</header> 

下载上述这些（或CDN使用），并保持css文件在你的脑袋标签

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

和结束标记之前以下js文件的文件，如

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="//code.jquery.com/jquery.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 

对于一个清醒的认识，检查此basic template部分。