When the browser width is reduced to a certain value, the navigation is displayed as
<navclass= "NavBar navbar-inverse navbar-fixed-top"role= "Navigation"><Divclass= "Container"><!--Collapse Display icon - <Divclass= "Navbar-header"> <Buttontype= "button"class= "Navbar-toggle collapsed"Data-toggle= "Collapse"Data-target= "#a"> <spanclass= "Sr-only">Toggle Navigation</span> <spanclass= "Icon-bar"></span> <spanclass= "Icon-bar"></span> <spanclass= "Icon-bar"></span> </Button> <ahref="#"class= "Navbar-brand">tinyphp</a> </Div> <!--Navigation Folding - <Divclass= "Collapse Navbar-collapse"ID= "a"> <ulclass= "Nav navbar-nav"> <Liclass= "Active"> <ahref="#">Home</a> </Li> <Liclass= "Dropdown"> <ahref="#"class= "Btn Dropdown-toggle"Data-toggle= "Dropdown" >Address<spanclass= "Caret"></span></a> <ulclass= "Dropdown-menu"role= "Menu"> <Li><ahref="#">Action</a></Li> <Li><ahref="#">Another action</a></Li> <Li><ahref="#">Something Else here</a></Li> <Liclass= "Divider"></Li> <Li><ahref="#">Separated link</a></Li> </ul> </Li> </ul> </Div></Div></nav>
Details: http://v3.bootcss.com/components/#navbar
Bootstrap-Responsive folding navigation