Bootstrap Series--42. buttons, text, and links in the navigation bar

Other elements can be used in the navigation bar of the bootstrap framework, in addition to the UL and navbar-form of the A element and Navbar-nav in Navbar-brand. The framework provides three different styles:

1. Button navbar-btn in the navigation bar

2. Text navbar-text in the navigation bar

3, the navigation bar in the ordinary link navbar-link

However, these three styles are limited when used in the frame, and need to be used in conjunction with Navbar-brand and Navbar-nav. And there is a certain limit on the number, the general situation in the use of one to two no problem, more than two will have problems.

　　

<Divclass= "NavBar Navbar-default"role= "Navigation">   　 <Divclass= "Navbar-header">   　     <ahref="##"class= "Navbar-brand">Bootstrap</a>   　 </Div>     <ulclass= "Nav navbar-nav">         <Li><ahref="##"class= "Navbar-text">Navbar Text</a></Li>         <Li><ahref="##"class= "Navbar-text">Navbar Text</a></Li>         <Li><ahref="##"class= "Navbar-text">Navbar Text</a></Li>     </ul></Div><Divclass= "NavBar Navbar-default"role= "Navigation">   　 <Divclass= "Navbar-header">   　     <ahref="##"class= "Navbar-brand">Bootstrap</a>   　 </Div>     <Divclass= "Nav navbar-nav">         <ahref="##"class= "Navbar-text">Navbar Text</a>         <ahref="##"class= "Navbar-text">Navbar Text</a>         <ahref="##"class= "Navbar-text">Navbar Text</a>     </Div></Div>

Bootstrap Series--42. buttons, text, and links in the navigation bar