Navbarのブートストラップの垂直センタリング

私は標準のブートストラップ3 navbarを持っています。これはnavbarのロゴやメニューを中心にしています。私はこれまで多くの関連するSOの質問を試みましたが、うまくいくソリューションを見つけることはできません。Navbarのブートストラップの垂直センタリング

私は現在、それらを垂直に中央に置くために等しい詰め物を与えようとしています。また、メニュー項目に行の高さを与えようとしましたが、うまくいきません。私は現在やっている

Heres't：

.navbar-brand, 
.nav { 
    padding: 20px 0; 
}

は、ここに私のコードです：https://jsfiddle.net/rhfhq33s/

2016-04-04 the_

？ –

@AndrewLyndem、不明な点をおかけして申し訳ありませんが、navbar内のすべてを垂直にセンタリングし、navbarとbottomの上に追加のパディングを追加します。 –

Geneの答えを確認してください。 –

あなたがアンカーに直接line-heightを設定する必要があります。

@media (min-width: 768px) { 
    #menu-primary > li > a { line-height: 95px; } 
}

私もメディアを使用しました私はあなたがそれを必要としないと思うので、ルールはline-heightです。あなたは垂直メニュー項目またはナビゲーションバーの高さ（あるいはその両方）でロゴを中央にしたい

2016-04-04 18:19:27

ありがとうございますが、残念ながら、これは私のドロップダウンリンクにも影響しますか？私は '＃menu-primary li> a 'を使ってみましたが、うまくいきませんでしたか？ –

@the_は '＃menu-primary> li> a'でなければなりません –

答えて