我试着做一个单杠，模仿iOS上的导航视图，Twitter的引导导航标题多数民众赞成说：有三个元素（iOS的风格）

返回标志SomeButton

左中右

有许多解决方案，我已经能够得到类似的东西摆弄后，使用

<nav class="navbar navbar-default" role="navigation"> 

<a class="navbar-brand" href="#"><img src="static/img_nav/logo_white_trans.gif"> </a> 
    <div class="navbar-header navbar-collapse"> 
    <ul class="nav navbar-nav pull-left"> 
     <li><a href="#"> &lt; Back</a></li> 

    </ul> 
    <ul class="nav navbar-nav pull-right"> 
     <li><a href="#">Button</a></li> 
    </ul> 
    </div> 
</nav>

这个CSS：

.navbar-brand 
{ 
    position: absolute; 
    width: 100%; 
    left: 0; 
    text-align: center; 
    margin: auto; 
} 

.navbar-brand img { 
    height: 20px; 
}

当我在我的手机都浏览工作如我所料，但是当我去更大的屏幕，左右按键扎堆。

Left Right Center

有谁知道为什么？

来源

2014-09-01 unaiherran

试试这个：

原因您的问题是：

在navbar-collapse的width为auto，所以

在navbar-header标签设置width:100%

<div style="width:100%" class="navbar-header navbar-collapse">

DEMO

来源

2014-09-01 11:10:39

谢谢。我只是从引导开始，努力做基本的事情。希望能够随着时间变得更有能力。 – unaiherran 2014-09-01 12:34:27

欢迎unaiherran – 2014-09-01 12:38:13

有三个元素（iOS的风格）

回答

DEMO

相关问题