How Would I Remove The Gap Between The Image And The Bootstrap Nav Bar?

The carousel is not touching the navbar as you can see. I would like to remove the margin in between it. I've tried using negative margins, they don't seem to work. Anyone here tha

Solution 1:

you're doing it right, make sure you use

.navbar { margin-bottom:0px !important; }
.carousel-caption { margin-top:0px !important }

Solution 2:

margin: 0 on your nav ul:

HTML

<ul class="nav navbar-nav navbar-right">

CSS

ul.nav{
  margin: 0;
}

(Or at least 0 on the margin-top)

Solution 3:

.navbar { margin-bottom:0px !important; }