html - 在 bootstrap 3 的同一行上将标题文本与 div 对齐的最佳方法

Question

将某些 div 与 bootstrap 3 中的标题对齐在同一行的最佳方法是什么？

    <h2>Company Name SA</h2>
    <div>
        <span class="badge badge-danger">3 Alerts</span>
        <span class="badge badge-warning">2 Warnings</span>
    </div>

我需要它在同一行。

这是我的解决方案:

    <div class="clearfix">
        <div class="pull-left"><h2>Orange Communications SA</h2></div>
        <div class="pull-left">
            <span class="badge badge-danger">3 Alerts</span>
            <span class="badge badge-warning">2 Warnings</span>
        </div>
    </div>

Answer 1

为什么不将 span 放在 h2 中？这应该有效:

<h2>
    Company Name SA
    <span class="badge badge-danger">3 Alerts</span>
    <span class="badge badge-warning">2 Warnings</span>
</h2>