2016-04-04 27 views
0

Standart bir bootstrap 3 navbar'ım var, navbardan daha büyük bir logo ve menüyü ortalamaya çalışıyorum. Daha önce bir çok ilgili SO sorusunu denedim, ancak işe yarayan bir çözüm bulamıyorum.navbar sayısında Bootstrap dikey merkezleme

Şu anda dikey olarak ortalanmış hale getirmek için hem eşit bir dolgu vermeye çalışıyorum hem de menü öğelerini satır yüksekliğini vermeye çalıştım, ancak bu da işe yaramıyor. Şu anda ne yapıyorum

Heres't:

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

Ben de medyayı kullandı: Sen demirlemek doğrudan line-height ayarlamanız gerekir https://jsfiddle.net/rhfhq33s/

+0

dikey olarak (veya her ikisi) navbar yüksekliği menü öğeleri ile veya logoyu ortalamak istiyorum? –

+0

@AndrewLyndem, Belirsiz olduğum için özür dilerim, navbarın her ikisinde de ek dolgu ile her şeyin dikey olarak merkezde olmasını istiyorum ve alt –

+0

Gene'in kontrolünü kontrol et. –

cevap

0

: Burada

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

kod bu kuralı, sanırım menü çöktüğünde bu line-height'a ihtiyacınız yok.

https://jsfiddle.net/rhfhq33s/2/

+0

teşekkürler, ancak maalesef bu benim açılan bağlantılarmı da etkiler mi? Sadece # menu-primary li> a'yı kullanmayı denedim ama bu işe yaramıyor mu? –

+0

@the_, '# menu-primary> li> a olmalıdır. –