<!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>start</title>

 <link href="../CSS/bootstrap.min.css" rel="stylesheet" type="text/css">

 <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>

 <script type="text/javascript" src="../js/bootstrap.js"></script>

 <meta name="viewport" content="width=device-width,initial-scale=1"/>

 <!--[if lt IE 9]>

         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

 <![endif]-->

 </head>

 <body>

      <a class="btn btn-primary" href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>用户</a>

 </body>

 </html>

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>start</title>

 <link href="../CSS/bootstrap.min.css" rel="stylesheet" type="text/css">

 <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>

 <script type="text/javascript" src="../js/bootstrap.js"></script>

 <meta name="viewport" content="width=device-width,initial-scale=1"/>

 <!--[if lt IE 9]>

         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

 <![endif]-->

 </head>

 <body>

     <div class="container">

         <div class="btn-group">

            <button class="btn btn-default" type="button">左对齐</button>

       <button class="btn btn-default" type="button">居中</button>

       <button class="btn btn-default" type="button">右对齐</button>

        </div>

   </div>

 </body>

 </html>

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>start</title>

 <link href="../CSS/bootstrap.min.css" rel="stylesheet" type="text/css">

 <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>

 <script type="text/javascript" src="../js/bootstrap.js"></script>

 <meta name="viewport" content="width=device-width,initial-scale=1"/>

 <!--[if lt IE 9]>

         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

 <![endif]-->

 </head>

 <body>

     <div class="container">

       <h1 class="page-header">按钮<small>带有下拉的按钮</small></h1>

         <div class="dropdown">

                <button type="button" class="btn btn-default  dropdown-toggle"  data-toggle="dropdown" >字体<span class="caret"></span></button>

               <ul class="dropdown-menu">

                   <li><a href="#">黑体</a></li>

                 <li><a href="#">黑体</a></li>

                 <li><a href="#">黑体</a></li>>

               </ul>

            </div>

   </div>

 </body>

 </html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>start</title>

<link href="../CSS/bootstrap.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>

<script type="text/javascript" src="../js/bootstrap.js"></script>

<meta name="viewport" content="width=device-width,initial-scale=1"/>

<!--[if lt IE 9]>

        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div class="container">

  <h1 class="page-header">导航</h1>

    <ul class="nav nav-tabs">

      <li  class="active"><a href="#">Home</a></li>

      <li ><a href="#">Profile</a></li>

      <li ><a href="#">Messages</a></li>

    </ul>

</div>

</body>

</html>

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

 <title>start</title>

 <link href="../CSS/bootstrap.min.css" rel="stylesheet" type="text/css">

 <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>

 <script type="text/javascript" src="../js/bootstrap.js"></script>

 <meta name="viewport" content="width=device-width, initial-scale=1">

 <!--[if lt IE 9]>

         <script src="../js/html5shiv.min.js"></script>

       <script src="../js/html5shiv.min.js"></script>

 <![endif]-->

 </head>

 <body>

     <nav class="navbar navbar-default navbar-fixed-top">

         <div class="container-fluid">

           <div class="navbar-header">

               <a class="navbar-brand" href="#">出驾</a>

           </div>

         <ul class="nav navbar-nav">

             <li class="active"><a href="#">链接1</a></li>

           <li ><a href="#">链接2</a></li>

           <li class="dropdown">

               <a href="#" type="button" class="dropdown-toggle" data-toggle="dropdown">下拉菜单<span class="caret"></span></a>

             <ul class="dropdown-menu">

                 <li><a href="#">选项1</a></li>

               <li><a href="#">选项2</a></li>

               <li><a href="#">选项3</a></li>

             </ul>

           </li>

         </ul>

         <form class="navbar-form navbar-left">

             <div class="form-group">

               <input type="text" class="form-control" placeholder="Search">

             </div>

             <button type="submit" class="btn btn-default">提交</button>

           </form>

         <ul class="nav navbar-nav navbar-right">

             <li><a href="#">链接3</a></li>

             <li class="dropdown">

               <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单<span class="caret"></span></a>

               <ul class="dropdown-menu">

                 <li><a href="#">选项1</a></li>

               <li><a href="#">选项2</a></li>

               <li class="divider"></li>

               <li><a href="#">选项3</a></li>

             </ul>

           </li>

         </ul>

       </div>

     </nav>

 </body>

 </html>