css - 如何在引导程序中实现此元素布局

Question

所以我试图让组件像在这张照片中一样进行布局。我很好地使用了引导程序，并且已经编写了按钮样式。我已经搞砸了 display:inline-block 和 floats 但我还没有得到组件的适当对齐。

我使用的标记如下。

<section class="row">
        <article class="span12">
            <article class="well">
                <h3>Interested in working with us?</h3>
                <p>We are currently accepting projects for Fall 2013.</p>
                <a class="btn hero-btn" href="#">Get In Touch</a>
            </article>
        </article>      
</section>

Answer 1

重新排列 html 中的元素应该可以工作 -

<article class="well heroWell">
                    <h3 class="heroh4 inline">Interested in working with us?</h3>
             <a class="btn hero-btn inline" href="#">Get In Touch</a>   
    <span class="heroSpan inline">We are currently accepting projects for Fall 2013.</span>


            </article>

演示在这里 - http://jsfiddle.net/g5GLR/2/