Как центрировать элементы панели навигации по вертикали (Twitter Bootstrap )?

Это мой код CSS/LESS CSS на данный момент:

//make navbar taller
@navbarHeight: 60px;

//make navbar link text 18px
.navbar-inner {
    font-size: 18px;
}

//make navbar brand text 36px
.navbar.brand {
    font-size: 36px;
}

Что производит это:

enter image description here

К вашему сведению, я использую демонстрационный код Twitter Bootstrap, я не менял html (, кроме изменения названия бренда ).

Как вы можете видеть, название бренда расположено вертикально по центру панели навигации, как и должно быть, но навигационные ссылки не (, а чуть выше )вверху. Проблема стала очевидной только после того, как я изменил высоту панели навигации. Как я могу сделать так, чтобы они были центрированы по вертикали (как этот веб-сайт, например )?

Если это поможет, выделение элементов в Chrome показывает это:

enter image description here

19
задан XåpplI'-I0llwlg'I - 28 July 2012 в 08:24
поделиться