为了账号安全,请及时绑定邮箱和手机立即绑定
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>现代浏览器博物馆</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
      <nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
          <div>
              <div>
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">     
                      <span>Toggle navigation</span>
                      <span></span>
                      <span></span>
                      <span></span>                 
                  </button>
                  <a href="#">浏览器博物馆</a>
              </div>
              <div class="collapse navbar-collapse" id="#bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav">
                      <li><a href="#">综述</a></li>
                      <li><a href="#">简述</a></li>                                      
                      <li>
                      <a href="#" data-toggle="dropdown">特点<span></span></a>
                      <ul role="menu">
                        <li><a href="#">1</a></li> 
                        <li><a href="#">A2ction</a></li>                                                     
                        <li><a href="#">Action</a></li>                                                     
                        <li><a href="#">Action</a></li>                        
                      </ul>      
                      </li>

                      <li><a href="#">关于</a></li>       
                  </ul>
              </div>
          </div>
      </nav>

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


正在回答

0 回答

举报

0/150
提交
取消
基于bootstrap的网页开发
  • 参与学习       187666    人
  • 解答问题       734    个

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

进入课程
意见反馈 帮助中心 APP下载
官方微信