我如何在bootstrap导航栏的中心找到图形? [英] how do i get glyphicon in the center of the bootstrap navbar?
本文介绍了我如何在bootstrap导航栏的中心找到图形?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正尝试在引导程序导航栏的中心获取glyphicon-log-in,甚至在进行调试时甚至没有进入导航栏意味着显示在导航栏上方。
i am trying to get the glyphicon-log-in in the center of the bootstrap navbar and not even getting into the navbar mean it is showing above the navbar, when debugging.
<a class="navbar-brand pull-left" href="/"><img src="images/logo.png" alt="Elunika"></a>
<span class="glyphicon glyphicon-log-in" id="logIcon"></span>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav pull-right">
<li class="active">
<a href="#">HOME</a>
</li>
<li>
<a href="#">ABOUT</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> WHO, HOW & WHAT? </a>
<ul class="dropdown-menu">
<li>
<a href="#">WHO WE ARE?</a>
</li>
<li>
<a href="#">WHAT IS IT?</a>
</li>
<li>
<a href="#">HOW IT WORKS?</a>
</li>
</ul>
</li>
<li>
<a href="#">CONTACT US</a>
</li>
</ul>
</div>
和css for logIcon如下
and css for logIcon is as follows
#logIcon{
position: absolute;
margin-left:auto;
margin-right:auto;
}
感谢您提前给予任何帮助
thank you for any help in advance
推荐答案
在您的链接bootsnipp中,您只需将品牌一词替换为您的字形跨度。
From your linked bootsnipp, you only have to replace the word "brand" with your glyphicon span.
<div class="navbar-brand navbar-brand-centered"><span class="glyphicon glyphicon-log-in" id="logIcon"></span></div>
以下是工作小提琴中的代码: http://www.bootply.com/EmzUMHPXqd
Here's the code in a working fiddle: http://www.bootply.com/EmzUMHPXqd
这篇关于我如何在bootstrap导航栏的中心找到图形?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文