bootstrap 3.0 inline headings tags

bootstrap 3.0 inline headings tags

I have the following piece of code:
<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>
The goal is to have both the H2 and the H4 next to each other, on the same
base line. At this point the H4 is way above the line.
Ive tried to putt this into spans, and other 'tricks' like vertical-align
bottom. For some reason I just simply cannot get this on the same line,
and same 'line-height like this:
heading Second Heading