Bootstrap Navbar вертикально выровнять марку с другими ссылками

Question

Я хочу вертикально выровнять марку в загрузочном устройстве Navbar с другими ссылками, так что дно каждого элемента выровнено по вертикали.

Текущее выравнивание либо выровнено по центру, либо просто не выровнено. HTML-то вроде:

<nav class="navbar navbar-inverse navbar-fixed-top"> 

    <ul class="nav navbar-nav"> 
     <li><a href="/" class="navbar-brand">Brand</a> 
     <li><a href='#' class="nav navbar-nav">Link1</a> 
     <li><a href='#' class="nav navbar-nav">Link2</a> 
    </ul> 

То, что я вижу дно LINK1 и Link2 несколько выше, чем в нижней части бренда. Основываясь на другом вопросе, я попробовал что-то вроде этого.

.navbar .nav > li > a { 
    padding-top: 20px; 
    line-height: 10px; 
    vertical-align: bottom; 
} 

Это не помогло. Даже когда я увеличил линейку, все было смещено вниз, включая бренд.

Я просто хочу, чтобы нижние части этих элементов были выровнены, как будто все они сидят на полке.

Answer 1

Установить отрицательное значение margin-top. В вашем случае -1.1px кажется совершенным.

.navbar-inverse .navbar-brand { 
    margin-top: -1.1px; 
} 

Выход: