How to remove 1px margin from bootstrap's menu?


This is bugging the heck out of me - I can't figure out how to override Bootstrap's styling to remove the 1px gap between the bottom of the menu button and the bottom of the navbar. Here's my fiddle:

and here's a screen of what I'm trying to eliminate - the 1px below that anchor:

enter image description here

Any idea how this can be done?

code code
Problem courtesy of: SB2055


The fiddle seems to be broken, as it doesn't match the screen shot. So as a general answer, in a situation like this, one option is to set a negative bottom margin on the container. E.g.

{margin-bottom: -1px;}
Solution courtesy of: ralph.m


While this is a "band-aid" solution you can get the immediate results by doing a 1px negative margin to negate the 1px margin you cannot find that is causing your problem.

Discussion courtesy of: Korelian

This recipe can be found in it's original form on Stack Over Flow.