Bootstrap Series--41. Navigation bar with Form

There is a search form in the navigation bar, a "navbar-form" in the bootstrap framework, and a simple way to place a form with a Navbar-form class name in the NavBar container. Navbar-left "Let the form float to the left, better align." In the bootstrap framework, the "Navbar-right" style is also provided, allowing elements to align to the right of the navigation bar.

<Divclass= "NavBar Navbar-default"role= "Navigation">   　 <Divclass= "Navbar-header">   　     <ahref="##"class= "Navbar-brand">Bootstrap</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>

Bootstrap Series--41. Navigation bar with Form