與引導網站

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部分。