# I can't use navbar properly on codepen

**URL:** <https://forum.freecodecamp.org/t/i-cant-use-navbar-properly-on-codepen/149790>\
**Category:** General\
**Created:** [September 25, 2017, 9:11am UTC](https://forum.freecodecamp.org/t/i-cant-use-navbar-properly-on-codepen/149790 "2017-09-25T09:11:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![seraj-sherif](https://avatars.discourse-cdn.com/v4/letter/s/54ee81/32.png) [@seraj-sherif](https://forum.freecodecamp.org/u/seraj-sherif)\
**Post date:** [September 25, 2017, 9:11am UTC](https://forum.freecodecamp.org/t/i-cant-use-navbar-properly-on-codepen/149790/1 "2017-09-25T09:11:07Z")

</div>

hello  
i tried to use navbar.  
you can see it here : [https://codepen.io/seraj-sherif/pen/PJNxJv](https://codepen.io/seraj-sherif/pen/PJNxJv)  
but as you see it doesn’t work well

---

<div class="post-metadata">

**Author:** ![jx2bandito](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jx2bandito/32/64533_2.png) [@jx2bandito](https://forum.freecodecamp.org/u/jx2bandito)\
**Post date:** [September 25, 2017, 9:36am UTC](https://forum.freecodecamp.org/t/i-cant-use-navbar-properly-on-codepen/149790/2 "2017-09-25T09:36:45Z")

</div>

It’s there, but you used the bootstrap code for a drop-down toggle navbar. Apparently bootstrap 4 makes a distinction between nav-bar and navs?

Try this documentation instead

> **[Navs](https://v4-alpha.getbootstrap.com/components/navs/)**
>
> Documentation and examples for how to use Bootstrap's included navigation components.

---

<div class="post-metadata">

**Author:** ![seraj-sherif](https://avatars.discourse-cdn.com/v4/letter/s/54ee81/32.png) [@seraj-sherif](https://forum.freecodecamp.org/u/seraj-sherif)\
**Post date:** [September 26, 2017, 1:05pm UTC](https://forum.freecodecamp.org/t/i-cant-use-navbar-properly-on-codepen/149790/3 "2017-09-26T13:05:27Z")

</div>

thanks ❤❤

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:39pm UTC](https://forum.freecodecamp.org/t/i-cant-use-navbar-properly-on-codepen/149790/5 "2021-01-17T20:39:00Z")

</div>

Closed on January 17, 2021, 8:39pm UTC


