我正在尝试在引导程序导航栏的中心获取glyphicon登录,甚至没有进入导航栏,这意味着在调试时它显示在导航栏上方。
<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>
和logIcon的CSS如下
#logIcon{
position: absolute;
margin-left:auto;
margin-right:auto;
}
谢谢您的任何帮助
在链接的引导片段中,您只需用字形图标跨度替换“品牌”一词即可。
<div class="navbar-brand navbar-brand-centered"><span class="glyphicon glyphicon-log-in" id="logIcon"></span></div>
这是正在工作的小提琴中的代码:http : //www.bootply.com/EmzUMHPXqd
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句