Pesky navbar problem

Pesky navbar problem
0.0 0

#1

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 :unamused: 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 :stuck_out_tongue_winking_eye:

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

Sorry for not-yet-responsive navbar :wink:


#2

Hi Friend, if you are stucking in navbar, then you can go to getbootstrap.com and see what you are missing. or you can you defult skeleton of bootstrap navbar.


#3

You want to look into the classes navbar-right and navbar-left


#4

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:


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 : )


#5

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 :relaxed: Thanks for all the support! :slight_smile:

PS. Though I will give a shot with a .row just out of curiosity.