引导按钮垂直对齐问题

Question

我的header.jade

有一个简单的Jade代码

nav.navbar.navbar-default.navbar-inverse(role="navigation")
    div.container
        div.navbar-header
            ul.nav.navbar-nav.navbar-left
                li.dropdown
                    a.dropdown-toggle(href='#', data-toggle='dropdown')
                        | Menu 
                        b.caret
                    ul.dropdown-menu
                        li
                            a(href='/') A
                        li
                            a(href='/') B                           
                        li.divider
                        li
                            a(href='/') C
                a.navbar-brand(href="/") Brand : Blabla!
        div.navbar-collapse.collapse
            div.nav.navbar-nav.navbar-right
                a.btn.btn-success(href="/login") Se connecter

我的绿色按钮没有对齐（verticaly）

有问题

这是截图

所以，我只需要在导航栏项目（菜单，品牌，按钮）之间进行愚蠢的对齐 有什么奇怪的，对于文本链接来说，这也适用于表格。但不是按钮

Answer 1

您需要向navbar-btn添加a.btn课程。它应该垂直居中。

有关详细信息，请参阅Official Docs。