html - Bootstrap Glyphicons 未在底部导航栏上垂直对齐

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