2012-10-31 41 views
-1

你好我使用的引導電網,並試圖使這個:使段落看起來更好用引導網格時

image http://gyazo.com/8bf865ea19bb09408e7dd214f1887d24.png

這是我使用的嘗試讓這樣的事情是什麼:

的代碼的方式引導容器內,

<div class="headers"> 

    <li class="span3"> 
    <div id="icon-1"></div> 
    <span class="head">Experienced</span> 
    <p class="paragraph">Brought to you by a well-knowledged developer and designer, that are ready to serve. We deliver one Hell of a product so strap yourself down to your chair and get ready.</p> 
    </li> 
    <li class="span3"> 
    <div id="icon-2"></div> 
    <span class="headweb">Web Development</span> 
    </li> 
    <li class="span3"> 
    <div id="icon-3"></div> 
    <span class="head">UI/UX Design</span> 
    </li> 
</div> 

這就是結果:

image2 http://gyazo.com/351f69ce5b85c9b66a38de96c393750e.png

正如你看到的段落看起來比在第一段的方式不同,這是因爲自舉電網跨度類號碼太短,但如果我會用跨度4,圖標只會弄亂的底部。

我該如何讓這些段落看起來有點像第一張圖片中的內容? 這裏有什麼問題?謝謝。

+0

以及我不知道很多abot bootstrap,但是可以使用'text-align:center'來代替 –

+0

它看起來不正確,它會進入右側。 – user1761494

回答

0

您的文字看起來比orig大,但這太簡單了。嘗試製作一個新的類,.span3wide,並在樣式表中增加尺寸,減少填充/邊距。另外,添加邊距:0 auto;以#圖標-1爲中心。