Response navigation bar and Bootstrap navigation bar of the bootstrap component

Response navigation bar and Bootstrap navigation bar of the bootstrap component

Responsive navigation bar: by default, all content is displayed on PCs and tablets. By default, only "LOGO/Brand" and a "Hide menu button" are displayed on the navigation bar of your phone ", all menu items are displayed only after you click the collapse button.

Basic class:. navbar

1. Position of the navigation bar in Bootstrap:

1) top navigation bar

2) Bottom navigation bar

Color of the navigation bar in Bootstrap:

1) light-colored font. navbar-default

2) dark-colored font. navbar-inverse

Position the navigation bar in Bootstrap by position:

1) relative position: Default Value of relative

2) fixed position: fixed. navbar-fixed-top/bottom

2. navigation bar structure:

<Div class = "navbar color positioning">

<Div class = "container">

<! -- Navigation bar head: Trademark + button -->

<Div class = "navbar-header">

<A class = "navbar-brand">

<Button class = "navbar-toggle">

</Div>

<! -- Navigation bar folding menu: menu, button, search box, Link, text... -->

<Div class = "navbar-collapse">

<Ul class = "nav navbar-nav">

<Form class = "navbar-form">

<Button class = "navbar-btn">

<Span class = "navbar-text">

<A class = "navbar-link navbar-text">

</Div>

</Div>

</Div>