html - Getting rid of padding at the bottom of bootstrap navbar -


I can not seem to get rid of the pesky white space between the title of my page and my bootstrap navbar.

Example:

Main CSS:

  .navbar-default {background-color: # 000000; Border-color: # 1a1a1a; } .navbar-default.navbar-brand {color: #ffffff; } .navbar-default .navbar-brand: hover, .navbar-default.navbar-brand: focus {color: #ffffff; } .navbar-default.navbar-lesson {color: #ffffff; } .navbar-default.navbar-nav & gt; Le & gt; A {color: #ffffff; } .navbar-default.navbar-nav & gt; Le & gt; A: hover, .navbar-default.navbar-nav> Le & gt; A: Focus {color: #ffffff; } .navbar-default.navbar-nav & gt; . Active & gt; A, .navbar-default.navbar-nav> . Active & gt; A: hover, .navbar-default.navbar-nav> . Active & gt; A: Focus {color: #ffffff; Background color: # 1a1a1a; } .navbar-default.navbar-nav & gt; .open & gt; A, .navbar-default.navbar-nav> .open & gt; A: hover, .navbar-default.navbar-nav> .open & gt; A: Focus {color: #ffffff; Background color: # 1a1a1a; } .navbar-default.navbar-toggle {border color: # 1a1a1a; } .navbar-default .navbar-toggle: hover, .navbar-default.navbar-toggle: focus {background color: # 1a1a1a; } .navbar-default .navbar-toggle .in-bar {background color: #ffffff; } .navbar-default.navbar-fall, .navbar-default.navbar-form {border color: #ffffff; } .navbar-default.navbar-link {color: #ffffff; } .navbar-default.navbar-link: hover {color: #ffffff; } @ Media (max-width: 767 px) {.navbar-default.navbar-navigation. Open .dropdown-menu> Le & gt; A {color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu & gt; Le & gt; A: hover, .navbar-default.navbar-navigation. Open .dropdown-menu> Le & gt; A: Focus {color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu & gt; . Active & gt; A, .navbar-default.navbar-nav .open .dropdown-menu> . Active & gt; A: hover, .navbar-default.navbar-navigation. Open .dropdown-menu> . Active & gt; A: Focus {color: #ffffff; Background color: # 1a1a1a; } .navbar-nav & gt; Le & gt; A {line-height: 20px; Padding-top: 10px; Padding-down: 10px; }} .navbar-static-top {min-height: 100px; } .navbar-nav & gt; Le & gt; A {padding-top: 0 pixels; Padding-down: 0 pixels; Line-height: 100px; } # Page-Title {Background Color: # FF9900; }  

I used CSS for Navbar because I do not know more about customizing bootstrap. So far, I have tried to change the various pixel height etc in the CSS, but nothing is there.

Thank you in advance.

Your problem "hello!" Is a H1 in which a top margin Also happens.

If you want to fix this, add:

  margin-down: 0;  

your navbar-default and

  style = "margin-top: 0"  

from your H1


Comments

Popular posts from this blog

c# - NewtonSoft JArray - how to select multiple elements with LINQ -

c# - Process.Kill() returns access denied -

c# - Using the generic type 'System.Collections.Generic.List<T>' requires 1 type arguments -