相关疑难解决方法(0)
在Bootstrap 3 Navbar中居中的品牌标识
我正在尝试实施Bootstrap 3导航栏,以便品牌徽标始终保持在中间位置.这是代码:
<div class="navbar navbar-fixed-top navbar-default">
<div class="navbar-inner">
<div class="container">
<button type="button" style="float: left;" class="pull-left btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" style="margin: 0; float: none;" href="#">
<img src="/Content/themes/next/images/logo.png" /></a>
<div class="nav-collapse">
<ul class="nav">
<li> <a href="#">Item 1</a></li>
<li> <a href="#">Item 1</a></li>
<li> <a href="#">Item 1</a></li>
</ul>
</div>
<ul class="nav pull-right">
<li>
<a href="#">
<div class="nextCog"></div>
</a>
</li>
</ul>
<span class="navbar-text pull-right">superpup1 </span>
</div>
</div>
</div>它制作了漂亮的导航栏:
但是,我希望徽标(绿色)始终保持在中间位置.我将此样式添加到带有"品牌"类的标记中:
<a class="brand" style="margin: 0; float: …54
推荐指数
推荐指数
4
解决办法
解决办法
14万
查看次数
查看次数
bootstrap 3 - 如何将品牌放置在导航栏的中心？
我正在使用Bootstrap 3.我想要一个只带有品牌的导航栏.没有其他链接或其他任何东西.我希望品牌成为中心.我怎么能做到这一点？以下css不起作用:
.navbar-brand {
text-align: center;
}
22
推荐指数
推荐指数
4
解决办法
解决办法
11万
查看次数
查看次数
Bootstrap:居中一些导航栏项目
我想有一个bootstrap导航栏,其中一些导航项左对齐,一些是右对齐,有些则以它们之间的剩余空间为中心.
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li><a>Left</a></li>
</ul>
<ul class="nav nav-center">
<li><a>Center 1</a></li>
<li><a>Center 2</a></li>
</ul>
<ul class="nav pull-right">
<li><a>Right</a></li>
</ul>
</div>
</div>
这个jsfiddle http://jsfiddle.net/b7whs/显示了这一点 - 我希望中心1和中心2导航项在一起,以导航栏为中心.这可能吗？
关于如何做到这一点,这里有很多建议; 他们都没有为我工作.这甚至可能吗？
在我的情况下,左边和右边的内容总是大小相同,所以我认为它应该是可行的.
11
推荐指数
推荐指数
1
解决办法
解决办法
4万
查看次数
查看次数