gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Modify index.md for Bootstrap navbars guide (#19899)

Browse Source
This commit is contained in:
Jeremy
2018-10-27 22:51:36 -04:00
committed by Martin Payne
parent ebf96cb0b2
commit a112fa501e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
guide/english/bootstrap/navigation-bar/index.md
View File

@ -3,7 +3,7 @@ title: Navigation Bar
--- ---
## Navigation Bar ## Navigation Bar
The Bootstrap framework provides you with a feature call navigation bars. In short a navigation bar (also referred to navbars) is a header at the top of the page to display navigational information. The Bootstrap framework provides you with a feature called navigation bars. In short, a navigation bar (also referred to as a navbar) is a header at the top of the page to display navigational information.
#### How To Use #### How To Use
To use Bootstrap Navigation Bars you add a `<nav>` element to the top inside the `<body>` element of your webpage. There are various styles you can add to customize the display of your navbars. To use Bootstrap Navigation Bars you add a `<nav>` element to the top inside the `<body>` element of your webpage. There are various styles you can add to customize the display of your navbars.
@ -32,7 +32,7 @@ Bootstrap provides a set of classes in the Bootstrap framework to style your nav
* `navbar navbar-inverse` This is similar to the default style except the colors are inverted. * `navbar navbar-inverse` This is similar to the default style except the colors are inverted.
#### Adding drop-down menus to the navbar #### Adding drop-down menus to the navbar
You can include a drop down menu inside a navbar. This feature requires you to include Bootstrap's javascript file for it to work. You can include a drop-down menu inside a navbar. This feature requires you to include Bootstrap's javascript file for it to work.
```html ```html
<li class="dropdown"> <li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Drop down <a class="dropdown-toggle" data-toggle="dropdown" href="#">Drop down
@ -165,4 +165,4 @@ On a small screen (such as a phone or tablet) the navbar is going to take up too
</nav> </nav>
#### More Information: #### More Information:
[BootStrap navbar documentation](https://getbootstrap.com/docs/4.0/components/navbar/) [BootStrap navbar documentation](https://getbootstrap.com/docs/4.0/components/navbar/)