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
Post a Comment