html - Bootstrap navbar折叠框模型奇怪

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 { ... }