-1

Unable to remove the bottom space for the Bootstrap Navbar. When I go to inspect element, I can see that space is produced by the Navbar.

On changing the

margin-bottom: 0px;

It got fixed on the screen, but when I get to change the same property in the bootstrap.css file. It is still showing the space below the navbar.

I am not sure what is the problem. It has already consumed much of my time for trying different solutions, but I got no success so far.

Inspect Element

Safal Pillai
  • 1,567
  • 1
  • 16
  • 31
Ahmed Qayyum
  • 137
  • 2
  • 10

2 Answers2

3

Load you custom css file after loading bootstrap.css. Then in your custom css file override the class (use the same selector as it is) and set the margin-bottom to 0. Avoid using !important (reference).

Community
  • 1
  • 1
Safal Pillai
  • 1,567
  • 1
  • 16
  • 31
1

change min-height:50px; to height:auto;

Rico_93
  • 108
  • 1
  • 6