html - 在 bootstrap 2.x 中带有汉堡包图标的居中 Logo

Question

我使用 bootstrap 2.x 编写了类似下面模型的导航，其想法是有一个居中的 Logo 和一个 'hamburger stack navigation toggle '

我的 Logo 居中很好，但我有点不确定如何让它与堆栈图标一起工作，同时保持 Logo 居中，因为如果我添加另一个元素(汉堡包堆栈)，它需要自己的跨度 Logo 只能有 span11，这不足以使其在页面上居中。

我想我可以通过汉堡包堆栈的绝对定位来实现这一点，但就使用 Bootstrap 框架和保持其正常工作的响应特性而言，这是否正确。

我在这里做了一个问题的 jsfiddle - http://jsfiddle.net/xKSUH/937/

我使用的html是

<div class="row-fluid">
<div class="span12 logo-centre">
    LOGO
</div>

<div class="span8">
    = <!--hamburger stack placeholder icon-->
</div>

Answer 1

您可以使用偏移量在左侧创建一个空列以保持 Logo 居中。

<div class="row-fluid">
    <div class="span10 offset1 logo-centre">
        LOGO
    </div>

    <div class="span1">
        = <!--hamburger stack placeholder icon-->
    </div>
</div>

更新 fiddle - http://jsfiddle.net/xKSUH/939/