Bootstrap导航栏折叠框模型陌生

Question

所以我在下面有一个Bootstrap可折叠导航栏网站链接我似乎无法在小提琴中重新创建它并检查了盒子模型值。我很困惑，白色空间来自HOME链接上方。没有填充边距等。

http://tommaylon.pancakeapps.com/

@media (max-width: 360px) {
  .nav {
        text-align: center;
        padding-top: 0px;
    }   
    .navbar-collapse{
        padding-top: 0px;
    }
    .nav > li> a{
        padding: 20px;
    }
    .nav > li:nth-child(1) > a:nth-child(1){
        padding-top: 0px;
        }

}

Answer 1

这比实际应该更令人困惑。我讨厌引导。您的问题是navbar-nav:{margin-top: 60px}正在应用于<ul class="nav navbar-nav">。

通过以下方式纠正：

ul.navbar-nav{
    margin-top: 10px;
}

或您想要的任何适当值，放在

的声明下方

.navbar-nav { ... }