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

Ben

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

 <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

卡梅伦·利特尔

您将要使用.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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

导航栏文本元素未垂直对齐(CSS / Bootstrap)

来自分类Dev

在Bootstrap 4中更正导航栏链接的垂直对齐

来自分类Dev

垂直对齐Bootstrap导航按钮

来自分类Dev

Bootstrap 4:徽标增加导航栏高度时,垂直对齐导航链接

来自分类Dev

Bootstrap 3列,垂直对齐:底部带有img

来自分类Dev

Bootstrap 3-导航栏内容的垂直对齐

来自分类Dev

在Bootstrap中垂直对齐?

来自分类Dev

Bootstrap垂直对齐图像

来自分类Dev

Bootstrap 垂直对齐问题

来自分类Dev

Bootstrap-导航栏中的底部对齐菜单

来自分类Dev

将 Bootstrap 4 导航栏链接对齐到底部

来自分类Dev

Bootstrap 3底部垂直对齐图像并通过向右拉链接链接

来自分类Dev

Bootstrap 4-将div垂直对齐到列的底部

来自分类Dev

如何将 Bootstrap 4 卡片标题文本垂直对齐到底部

来自分类Dev

锚标签和导航栏未对齐-Bootstrap 3.0

来自分类Dev

Bootstrap导航栏未对齐下拉菜单

来自分类Dev

垂直对齐中间与Bootstrap响应网格

来自分类Dev

在标题内垂直对齐Bootstrap徽标

来自分类Dev

Bootstrap:垂直对齐和超大高度

来自分类Dev

Bootstrap 4列内的垂直对齐

来自分类Dev

Bootstrap:垂直对齐和超大高度

来自分类Dev

div内的Bootstrap垂直对齐按钮

来自分类Dev

Bootstrap垂直对齐标头

来自分类Dev

在Bootstrap中垂直对齐左右元素

来自分类Dev

Bootstrap Div中的垂直对齐图像

来自分类Dev

使用 bootstrap 4 垂直对齐表单

来自分类Dev

bootstrap 4 中列的垂直对齐

来自分类Dev

垂直对齐文本 Bootstrap 4

来自分类Dev

Bootstrap 4 表格垂直对齐中间