# Newbie - Please help me fix Bootstap navbar to top of screen

**URL:** <https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443>\
**Category:** General\
**Created:** [June 14, 2017, 7:14pm UTC](https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443 "2017-06-14T19:14:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jonnyk20](https://avatars.discourse-cdn.com/v4/letter/j/e9c0ed/32.png) [@jonnyk20](https://forum.freecodecamp.org/u/jonnyk20)\
**Post date:** [June 14, 2017, 7:14pm UTC](https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443/1 "2017-06-14T19:14:19Z")

</div>

Hi everyone,

I’m just working on my portfolio project. I’m trying to fix the bootstrap navbar to the top of the screen.

After reading the documentation, I added the class “navbar-fixed-top” but it still disappears when I scroll down. Here is my Pen:  
[https://codepen.io/jonnnyk20/pen/gRwRWN](https://codepen.io/jonnnyk20/pen/gRwRWN)

Can anyone please explain to me what I’m doing wrong? I know I could figure out how to fix the bar manually using my own CSS, but I’m trying my best to learn how to use bootstrap’s built-in rules as much as possible so I understand it better and I don’t have to write a bunch of unnecessary rules myself.

Thank you!

---

<div class="post-metadata">

**Author:** ![lfaudreejr](https://avatars.discourse-cdn.com/v4/letter/l/6bbea6/32.png) [@lfaudreejr](https://forum.freecodecamp.org/u/lfaudreejr)\
**Post date:** [June 14, 2017, 7:30pm UTC](https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443/2 "2017-06-14T19:30:01Z")

</div>

You’re using bootstrap 4.0. so look into that

---

<div class="post-metadata">

**Author:** ![jmsm16](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jmsm16/32/55561_2.png) [@jmsm16](https://forum.freecodecamp.org/u/jmsm16)\
**Post date:** [June 14, 2017, 7:47pm UTC](https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443/3 "2017-06-14T19:47:04Z")

</div>

Insted of `navbar-fixed-top` use just `fixed-top`

---

<div class="post-metadata">

**Author:** ![jonnyk20](https://avatars.discourse-cdn.com/v4/letter/j/e9c0ed/32.png) [@jonnyk20](https://forum.freecodecamp.org/u/jonnyk20)\
**Post date:** [June 15, 2017, 4:06am UTC](https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443/4 "2017-06-15T04:06:25Z")

</div>

@jmsm16 @lfaudreejr Thank you both!

---

<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:55pm UTC](https://forum.freecodecamp.org/t/newbie-please-help-me-fix-bootstap-navbar-to-top-of-screen/127443/5 "2021-01-17T20:55:55Z")

</div>