The base navigation bar. style: class= "NavBar Navbar-default", Properties: role= "Navigation"
<Divclass= "NavBar Navbar-default"role= "Navigation"> <ulclass= "Nav navbar-nav"> <Liclass= "Active"><ahref="##">Website Home</a></Li> <Li><ahref="##">Series Tutorials</a></Li> <Li><ahref="##">Teacher Introduction</a></Li> <Li><ahref="##">Success Stories</a></Li> <Li><ahref="##">About Us</a></Li> </ul></Div>
View Code
1) With level Two menu, form elements
<Divclass= "NavBar Navbar-default"role= "Navigation"> <Divclass= "Navbar-header"> <ahref="##"class= "Navbar-brand">Company logo</a> </Div> <ulclass= "Nav navbar-nav"> <Liclass= "Active"><ahref="##">Website Home</a></Li> <Liclass= "Dropdown"> <ahref="##"Data-toggle= "Dropdown"class= "Dropdown-toggle">Series Tutorials<spanclass= "Caret"></span></a> <ulclass= "Dropdown-menu"> <Li><ahref="##">CSS3</a></Li> <Li><ahref="##">Javascript</a></Li> <Liclass= "Disabled"><ahref="##">Php</a></Li> </ul> </Li> <Li><ahref="##">Teacher Introduction</a></Li> <Li><ahref="##">Success Stories</a></Li> <Li><ahref="##">About Us</a></Li> </ul> <formAction="##"class= "Navbar-form navbar-left"Rol= "Search"> <Divclass= "Form-group"> <inputtype= "text"class= "Form-control"placeholder= "Please enter keywords" /> </Div> <Buttontype= "Submit"class= "Btn Btn-default">Search</Button> </form></Div>
View Code
Navigation bar title: class= "Navbar-brand
Level II Menu:class= "Dropdown-toggle" data-toggle= "dropdown"
With form navigation bar:class= "Navbar-form"
Navigation bar Position control:class= "Navbar-left"
Bootstrap Learning Notes < 11 > (navigation bar)