1

そのため、Bootstrap の折りたたみ可能なナビゲーション バーの Web サイトのリンクを以下に示します。これをフィドルで再現できないようで、ボックス モデルの値を調べました。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;
        }

}
4

1 に答える 1

0

うーん、これは本来あるべきよりもはるかに紛らわしいです。私はブートストラップが嫌いです。あなたの問題は、navbar-nav:{margin-top: 60px}に適用されていること<ul class="nav navbar-nav">です。

これを次のように修正します。

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

または、必要な適切な値を宣言の下に配置します

.navbar-nav { ... }
于 2013-11-13T03:39:24.710 に答える