Question

我想创建一个这样的菜单：http://getbootstrap.com/getting-started/ 我尝试了许多课程和风格，但没有得到任何反应。

Answer 1

这很简单，只需添加bootstrap css，bootstrap.js和jQuery（bootstrap.js之前）并使用该css文件中定义的类，它就完全了在您指的网站中记录。 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部分。

使用引导站点创建菜单

1 个答案: