Html 如何使用Twitter引导和内联列表将标题与工具栏对齐

我想在标题旁边做一个小工具栏。所以我认为列表内联应该很有效。它是有效的，但校准是关闭的，我似乎无法理解它

<ul class="list-inline">
<li><h3>Editor</h3> </li>
<li><div class="btn-toolbar editor toolbar" role="toolbar">
    <div class="btn-group">
            <button type="button" class="btn btn-default">Left</button>
            <button type="button" class="btn btn-default">right</button>
    </div>
    <div class="btn-group">
            <button type="button" class="btn btn-default">other</button>
    </div>
    </div>
</li>
</ul>

编辑

左边
正确的
其他

---

以下CSS可能正是您想要的。但很难从这个问题中准确说出你想要什么

.list-inline { margin-top: 5px; }
.list-inline li { vertical-align: top; }
.list-inline h3 { margin-top: 6px }

只需根据需要调整

页边距顶部

值即可

JSFiddle：

---

此外，您可能希望向

ul

元素添加另一个类，并将样式应用于该元素。您仍然可以在

ul

元素上保留

list inline

，但这样这些样式就不会应用于每个

list inline

，因为您的站点上可能还有其他用于内联列表的用途。

您希望如何对齐？