这个问题在这里得到了回答:
我尝试了这个解决方案,但它似乎不起作用——我只看到左边的物品在左边,右边的物品在右边。我希望它们在行内居中。
我所拥有的是:
<div class="row">
<div class="contain-to-grid">
<nav class="top-bar">
<ul class="title-area">
<li class="name">
<!--none-->
</li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li><a href="#">Link 1</a>
</li>
<li><a href="#">Link 2</a>
</li>
</ul>
<ul class="right">
<li><a href="#">Link 3</a>
</li>
<li><a href="#">Link 4</a>
</li>
</ul>
</section>
</nav>
</div>
</div>
我在这里做了一个 jsFiddle:http: //jsfiddle.net/SxTty/
您需要使结果更大才能看到菜单。全屏结果在:http: //jsfiddle.net/SxTty/embedded/result/