html - 引导按钮垂直对齐问题

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

我有一个绿色按钮没有对齐(垂直)的问题

这是截图

所以，我只需要在导航栏元素(菜单、品牌、按钮)之间进行愚蠢的对齐奇怪的是，对于文本链接，这是有效的，对于表单也是如此。但不适用于按钮

Answer 1

您需要添加一个navbar-btn 类到您的a.btn。它应该垂直居中。

参见 Official Docs获取更多信息。