. 1 <! - En Bootstrap barra de navegación de 2 . 1, la barra de navegación barra de navegación declaró . 3 2, barra de navegación declaró al estilo de navegación por defecto por defecto . 4 . 3, se indica-inversa barra de navegación de relieve estilo de la barra de navegación . 5 . 4, barra de navegación-estático-Top de navegación retira artículo redondeado . 6 . 5, Navbar fijo-fijo superior a la barra de navegación superior . 7 . 6, parte inferior-Navbar fija de fijación en la parte de extremo de la barra de navegación . 8 . 7, Navbar declaró recipiente logo-cabecera . 9 . 8, para el logo Navbar-Brand otros estilos fijos contenido 10 . 9, NAV barra de navegación-NAV define menú de navegación en . 11 10, barra de navegación en forma de definición de la forma de la barra de navegación 12 es . 11, navbar-BTN define la navegación botón de la barra 13 es 12 es, barra de navegación de texto definido de navegación texto tiras 14 13, barra de navegación izquierda菜单靠左 15 14, barra de navegación derecha菜单靠右-> 16 <! DOCTYPE html > 17 < html lang = "en" > 18 < cabeza > 19 < meta charset = "UTF-8" > 20 < meta nombre = "ventana" contenido = "width = dispositivo de anchura, no =-escalable de usuario, inicial escala = 1,0, de máxima escala = 1,0, mínimo escala = 1,0" > 21 < título > Documento </ título > escriba = "text / javascript" src = "../ jquery-1.12.4.min.js" > </ escritura > 23 < secuencia de comandos de tipo = "text / javascript" src =" ./ JS / bootstrap.min.js " > </ escritura > 24 < enlace rel =" "hoja de estilo tipo = "text / css" href =" ./ css / bootstrap.min.css " > 25 </ cabeza > 26 < cuerpo > 27 < div clase ="barra de navegación barra de navegación barra de navegación-inversa-estático-top" > 28 < divclase = "contenedor" > 29 <! - 定义logo -> 30 < div clase = "navbar-header" > 31 < botón de clase = "navbar-toggle" datos de palanca = "colapso" de datos-destino = "# MiMenú " > 32 < lapso de clase = "icono-bar" > </ lapso > 33 < lapso de clase = "icono-bar" > </ lapso > 34 < lapso de clase ="icono-bar" > </ envergadura > 35 </ botón > 36 < un href = "#" clase = "navbar-marca" > LOGO </ una > 37 </ div > 38 39 < div clase = "colapso navbar-colapso" ID = "MiMenú" > 40 <! - 定义菜单-> 41 < ul clase = "nav navbar-nav" > 42 < li clase = "activa" > <A la href = "#" > Inicio </A > </ Li > 43 es < Li > < A la href = "#" > Introducción </ A > </ Li > 44 es < Li > < A la href = "#" > solución </ A > </ Li > 45 </ UL > 46 es 47 <! - de menú definido -> 48 < forma de clase = "barra de navegación barra de navegación de derecha formulario" > 49 <div clase = "forma-grupo" > 50 < div clase = "input-grupo" > 51 < entrada tipo = "text" nombre = "" clase = "forma-control" > 52 < lapso de clase = "input-grupo-btn" > 53 < botón de clase =" btn btn-default" > 54 < lapso de clase = "glyphicon glyphicon-búsqueda" > </ envergadura > 55 </ botón > 56 </ envergadura > 57 </ div > 58 </ Div > 59 </ forma > 60 </ div > 61 </ div > 62 </ div > 63 </ cuerpo > 64 </ html >