Это мой 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;
}
Что производит это:
FYI Я использую демо-код Twitter Bootstrap, я не изменил html (кроме изменения названия бренда).
Как вы можете видеть, название бренда центрируется по вертикали внутри навигационной панели, как и должно быть, но навигационные ссылки не являются (они немного выше к вершине). Проблема стала очевидной только после того, как я изменил высоту навигационной панели. Как я могу заставить их центрировать по вертикали (например, этот сайт)?
Если это поможет, подсветка элементов в Chrome показывает следующее: