Difference between revisions of "Bootstrap navigation bar"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) (→See also) |
||
| Line 31: | Line 31: | ||
* [[Bootstrap (framework)]] | * [[Bootstrap (framework)]] | ||
* [[Navigation bar]] | * [[Navigation bar]] | ||
| + | |||
| + | [[Category:Bootstrap (framework)]] | ||
| + | [[Category:Web design]] | ||
| + | [[Category:Web design and development]] | ||
Revision as of 03:56, 25 April 2016
In Bootstrap (framework), the navigation bar provides a responsive navigational menu.
Contents
On wider screens, the navigation bar displays at full width.
On narrow screen (mobile phones), the hamburger menu displays instead.
Requires Bootstrap CSS and JavaScript
Using the Bootstrap navigation bar requires both Bootstrap CSS and Bootstrap JavaScript.
Example
Here is the HTML for a typical navigation bar:
<nav>
<ul class="nav nav-pills pull-right">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">About</a></li>
<li role="presentation"><a href="#">Contact</a></li>
</ul>
</nav>
