Bootstrap Glyphicons在底部Navbar上没有垂直对齐

Question

我使用了我网站上的社交按钮，这些按钮显示在我页面底部的导航栏上，但出于某种原因，它们并非垂直居中。这是我的页脚/导航栏代码的片段我希望图标垂直居中。

 <div class="navbar navbar-default navbar-fixed-bottom">
 <div class="container">
   <button class="btn btn-twitter pull-right"><i class="fa fa-twitter"></i>
   <button class="btn btn-google-plus pull-right"><i class="fa fa-google-plus</i>
   <button class="btn btn-facebook pull-right"><i class="fa fa-facebook-square"></i>
 </div>
 </div>

这正是它目前的结果。 http://imgur.com/ptYLYCc

Answer 1

您需要使用.navbar-button类。

类似的东西：

<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <button type="button" class="btn btn-default navbar-btn">Sign in</button> </div> </nav>

http://getbootstrap.com/components/#navbar-buttons