如何在自舉井內實現這個元素佈局

所以我試圖讓組件像他們在這張照片一樣佈局。我正在使用引導程序，並且已經編寫了按鈕樣式。我已經搞亂了顯示：內聯塊和浮動，但我還沒有得到適當的組件對齊。 enter image description here 如何在自舉井內實現這個元素佈局

我用過的標記如下。

<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>

來源

2013-06-18 alexboorman

.hero-BTN僅僅是按鈕的樣式，並且它只改變顏色，使按鈕平坦如此無視 – alexboorman

你可以提供jsfiddle嗎？ –

http://jsfiddle.net/g5GLR/ 我已經接近了，但是你可以看到調整大小也是可怕的。謝謝你的幫助。 – alexboorman

重新排列，以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/

來源

2013-06-18 07:56:28 user700284

謝謝，但不幸的是，同樣的問題適用於李斯特先生的解決方案，仍然存在垂直對齊問題，文本仍然在同一行，而不是被分成單行。應用換行符會使整個事情回到歪斜狀態 – alexboorman

如何在自舉井內實現這個元素佈局

回答

相關問題