My nav bar is not filling up the whole width; of the page

1

created a portfolio project but the nav bar is not filling the whole width of the page
here’s my code: [https://codepen.io/buzz_lightyear/pen/jGvjKB/]

2

Your class=“container-fluid” has a left and right padding of 15px.
Try adding this to your CSS file:
.container-fluid {
padding: 0;
}

1 Like
3

You should probably have another div called row underneath your fluid container. (HTML) And it is to that div that you should apply 0 padding. Also be aware that there is bootstrap margin of -15 to offset the +15 padding so when you apply padding:0 some of your content might vanish to the left.

2 Likes
4