# Pesky navbar problem **URL:** \ **Category:** General\ **Created:** [May 15, 2017, 3:06pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958 "2017-05-15T15:06:35Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Folrunge](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/folrunge/32/48799_2.png) [@Folrunge](https://forum.freecodecamp.org/u/Folrunge)\ **Post date:** [May 15, 2017, 3:06pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958/1 "2017-05-15T15:06:36Z")
Hi! Yesterday I finished my Tribute Page and immediately plowed into Portfolio Challenge. I almost pulled it off but there is one problem though, a pesky navbar. No matter what I do, navbar text refuses to align itself nicely respectfully to the left and to the right 😒 On my screen elements are positioned to the left and to the right, but not as far as they could- they significantly gravitate towards the center. I’ve putted the navbar in a normal .container- putting it into “fluid” makes it bloated like a long dead cow 😜 I would be joyful if You could point me into the right direction. Here is a link to my codepen project. Note that it is still WIP and I will carve it nicely with more CSS and some JQ. Thanks in advance! [https://codepen.io/Folrunge/pen/GmGRdq](https://codepen.io/Folrunge/pen/GmGRdq) Sorry for not-yet-responsive navbar 😉 ---
**Author:** ![jitendersinghwp](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jitendersinghwp/32/162530_2.png) [@jitendersinghwp](https://forum.freecodecamp.org/u/jitendersinghwp)\ **Post date:** [May 15, 2017, 3:43pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958/2 "2017-05-15T15:43:18Z")
Hi Friend, if you are stucking in navbar, then you can go to [getbootstrap.com](http://getbootstrap.com) and see what you are missing. or you can you defult skeleton of bootstrap navbar. ---
**Author:** ![kenbonilla](https://avatars.discourse-cdn.com/v4/letter/k/c6cbf5/32.png) [@kenbonilla](https://forum.freecodecamp.org/u/kenbonilla)\ **Post date:** [May 15, 2017, 6:22pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958/3 "2017-05-15T18:22:43Z")
You want to look into the classes navbar-right and navbar-left ---
**Author:** ![lestec](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lestec/32/52636_2.png) [@lestec](https://forum.freecodecamp.org/u/lestec)\ **Post date:** [May 15, 2017, 7:15pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958/4 "2017-05-15T19:15:50Z")
Hi Folrunge, I think if you set your divs up differently such as div class=“row” and use the bootstrap grid system you can set it where you want. I recently had trouble making my nav bar centered and responsive, but I finally got it to work. If you would to see an example of the code please go to my codepen here: > **[Leslie Tecumseh on CodePen](https://codepen.io/lestec/)** > > Just starting my journey on this path. Love to learn and excited to learn and apply new skills. And/or example here nav class=“navbar navbar-inverse navbar-fixed-top” \*\*(changing container to fluid (to center) plus add row and div class to position–\> div class="container-fluid" div class="row" div class =“col-sm-offset-3 col-lg-offset-4 col-sm-9 col-lg-5 text-center”\> div class="navbar-header" I hope this helps : ) ---
**Author:** ![Folrunge](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/folrunge/32/48799_2.png) [@Folrunge](https://forum.freecodecamp.org/u/Folrunge)\ **Post date:** [May 17, 2017, 4:44pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958/5 "2017-05-17T16:44:05Z")
Hi there! Been tinkering with navbar between Bootstrap learning sessions and came with a solution to my problem. Just wanna share this for a record. As I begun to understand that navbar sections are “fluid by nature” I headed on and deleted div with .container and boy that did the trick 😌 Thanks for all the support! 🙂 PS. Though I will give a shot with a .row just out of curiosity. ---
**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:54pm UTC](https://forum.freecodecamp.org/t/pesky-navbar-problem/115958/6 "2021-01-17T20:54:39Z")