在自举3中将标题文本与div对齐的最佳方法

Question

将一些div与引导程序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

为什么不把跨度放在h2内？这应该有效：

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

Answer 2

不使用clearfix类，而是使用容器或行类作为外部div。

Bootstrap 3还支持 text-left ， text-right 和 text-center 类