html - Bootstrap 3.0 内联标题标签

Question

我有以下代码:

<div class="row">
    <div class="col-md-12">
        <div class="well">
            <div class="clearfix">
                <h2 class="pull-left">Heading</h2>
                <h4>Second Heading</h4>
           </div>
        </div>
     </div>
</div>

目标是同时拥有 <h2>和 <h4>彼此相邻，在同一条基线上。此时<h4>元素远高于线。

我已经尝试将其放入 spans 以及其他“技巧”，例如 vertical-align: bottom .出于某种原因，我只是无法在同一行和相同的“行高”上得到它:

Heading Second Heading

Answer 1

很惊讶它没有被提及，但另一种方法是使用标题类。

<span class="h2 pull-left">heading</span>
<span class="h4">second heading</span>

请参阅他们所在的 less 文件 typography styles被应用，除了 display:block 之外你需要的一切