This is a bootstrap-based standard fixed at the top of the navigation bar. Later articles add a responsive navigation bar.
<! DOCTYPEHTML> <HTML> <Headlang="en"> <Metacharset="UTF-8"> <Linkrel="stylesheet"href="Css/index.css"/> <Linkrel="stylesheet"href="Css/bootstrap.min.css"/> <Scriptsrc="Js/jquery.min.js"></Script> <Scriptsrc="Js/bootstrap.min.js"></Script> <title>bootstrap instance </title> </Head> <Bodyclass="Container"> <navclass="NavBar navbar-default navbar-fixed-top"role="Navigation"style="Padding-left: 100px"> <Divclass="Navbar-header"> <aclass="Navbar-brand"href="#">w3cschool</a> </Div> <Div> <ulclass="Nav Navbar-nav"> <Liclass="Active"><ahref="#">ios</a></Li> <Li><ahref="#">svn</a></Li> <Liclass="Dropdown"> <ahref="#" class="Dropdown-toggle"data-toggle="Dropdown"> Java <bclass="Caret"></b> </a> <ulclass="Dropdown-menu"> <Li><ahref="#">jmeter</a></Li> <Li><ahref="#">ejb</a></Li> <Li><ahref="#">jasper report</a></Li> <Liclass="Divider"></Li> <Li><ahref="#"> Separated links </a></Li> <Liclass="Divider"></Li> <Li><ahref="#"> Another detached link </a></Li> </ul> </Li> </ul> </Div> <Divstyle="Padding-right: 100px"> <formclass="Navbar-form navbar-right"role="Search"> <Divclass="Form-group"> <inputtype="Text"class="Form-control"placeholder="Search"> </Div> <Buttontype="Submit"class="Btn Btn-default"> Submit </Button> </form> </Div> </nav> </Body> </HTML>