. 1 <-! On Bootstrap navigation bar 2 . 1, the navigation bar Navbar stated . 3 2, Navbar-stated default default navigation style . 4 . 3, inverse-stated Navbar highlighted navigation bar style . 5 . 4, Navbar-static-Top navigation removed rounded article . 6 . 5, Navbar fixed-top-fixed to the top navigation bar . 7 . 6, bottom-Navbar fixed-fixing in the end portion of the navigation bar . 8 . 7, Navbar stated logo-header container . 9 . 8, for the logo Navbar-Brand other styles fixed content 10 . 9, NAV Navbar-NAV defined navigation menu in . 11 10, Navbar-form definition of the navigation bar form 12 is . 11, Navbar-BTN defined navigation bar button 13 is 12 is, Navbar-text defined navigation text strips 14 13、navbar-left 菜单靠左 15 14、navbar-right 菜单靠右 --> 16 <!DOCTYPE html> 17 <html lang="en"> 18 <head> 19 <meta charset="UTF-8"> 20 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 21 <title>Document</title> 22 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script> 23 <script type="text/javascript" src="./js/bootstrap.min.js"></script> 24 <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css"> 25 </head> 26 <body> 27 <div class="navbar navbar-inverse navbar-static-top"> 28 <div class="container"> 29 <!-- 定义logo --> 30 <div class="navbar-header"> 31 <button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu"> 32 <span class="icon-bar"></span> 33 <span class="icon-bar"></span> 34 <span class="icon-bar"></span> 35 </button> 36 <a href="#" class="navbar-brand">LOGO</a> 37 </div> 38 39 <div class="collapse navbar-collapse" id="mymenu"> 40 <!-- 定义菜单 --> 41 <ul class="nav navbar-nav"> 42 <li class="active"><</Home>= "#"the hrefAA > </ Li > 43 is < Li > < A the href = "#" > Introduction </ A > </ Li > 44 is < Li > < A the href = "#" > solution </ A > </ Li > 45 </ UL > 46 is 47 <-! defined menu form -> 48 < form class = "Navbar Navbar-right-form" > 49 <div class="form-group"> 50 <div class="input-group"> 51 <input type="text" name="" class="form-control"> 52 <span class="input-group-btn"> 53 <button class="btn btn-default"> 54 <span class="glyphicon glyphicon-search"></span> 55 </button> 56 </span> 57 </div> 58 </div> 59 </form> 60 </div> 61 </div> 62 </div> 63 </body> 64 </html>