Разрыв между NAV и Jumbotron в начальной загрузке ⇐ Html

[Anonymous]

Для жизни я не могу определить, откуда идет белое пространство между моим Nav и Jumbotron, я играл с таким большим количеством переменных, но не могу заставить его уйти. Я сделал CSSDECK здесь http://cssdeck.com/labs/u6ws0ozl, а мой код ниже (код начальной загрузки опущен).
html:




Untitled Document
[*]

• Home
• About Us

Submit

• Log In
• Help

Find a place to stay.
Rent from people in over 34,000 cities and 192 countries.
Learn More




< /code>
css: < /p>
@charset "UTF-8";
/* CSS Document */

.navbar {
background-color: #2c3e50;
}

.nav-pills {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 15px;
padding-left: 15px;
/*background-color: #2c3e50;*/
/*background-color: #2ecc71;*/
}

.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #2ecc71;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #2ecc71;
}

.navbar-custom {
padding-top: 20px;
}

.nav a {
color: #fff;
font-size: 18px;
font-weight: bold;
font-family: 'Shift', sans-serif;
/*padding: 14px 14px;*/
text-transform: uppercase;
}

.nav li {
display: inline;
}

.jumbotron {
background-image:url('https://i.sstatic.net/M6U3Oodp.png');
height: 500px;
}

.jumbotron .container {
margin-top: 0px;
position: relative;
top:100px;
}

.jumbotron h1 {
color: #fff;
font-size: 48px;
font-family: 'Shift', sans-serif;
font-weight: bold;
}

.jumbotron p {
font-size: 20px;
color: #fff;
}

.learn-more {
background-color: #f7f7f7;
}

.learn-more h3 {
font-family: 'Shift', sans-serif;
font-size: 18px;
font-weight: bold;
}

.learn-more a {
color: #00b0ff;
}

.neighborhood-guides {
background-color: #efefef;
border-bottom: 1px solid #dbdbdb;
}

.neighborhood-guides h2 {
color: #393c3d;
font-size: 24px;
}

.neighborhood-guides p {
font-size: 15px;
margin-bottom: 13px;
}


Подробнее здесь: https://stackoverflow.com/questions/243 ... -bootstrap