Center divs to match logo/lead

在我的網頁上，我有一箇中心徽標/鉛以及徽標/鉛之下的兩個div。我希望根據徽標/潛在客戶使div看起來集中。Center divs to match logo/lead

我試圖通過使用Twitter Bootstrap的跨度中心divs，但divs仍然沒有真正居中。

<div class="row-fluid marketing"> 
     <div class="span3"></div> 
     <div class="span3 text-glow-hover-with-delay"> 
      <h2><i class="icon-beaker"> </i> Genuinely Tested</h2> 
      <p> 
       Guru has undergone an enormous amount of testing 
       <br /> 
       via <a href="http://junit.org" rel="tooltip" data-toggle="tooltip" data-placement="bottom" title="" 
       data-original-title="Visit their website!">JUnit</a>; the programmer-oriented testing framework. 
      </p> 
     </div> 
     <div class="span4 text-glow-hover-with-delay"> 
      <h2><i class="icon-book"> </i> Full Documentation</h2> 
      <p> 
       We provide full-source/full-documentation for our users. 
      </p> 
     </div> 
    </div>

如果您需要了解更多信息，你可以看看網站：http://guru.jire.org

來源

2013-07-26 Jire

他們實際上是居中，看看這個截圖http://d.pr/i/m7b btw我將「span4」div改爲「span3」 – doitlikejustin

感謝你，我想出了我自己的答案。 – Jire

酷，有時背景顏色可以幫助嘗試查看div – doitlikejustin

它可以幫助看看這樣說： example of centering

了div邊框幫你看看發生了什麼，對角線告訴你在哪裏真正的中心。

如果你給divs一致的寬度，他們會看起來更對稱和居中，這可能是你需要的所有外觀你想要的。

來源

2013-07-26 21:53:21

你可以讓他們出現真正改變span4到span3（奇數平等規則）爲中心然後將div設置爲align-center。以下全部源代碼。

<div class="row-fluid marketing"> 
     <div class="span3"></div> 
     <div class="span3 text-glow-hover-with-delay" align="center"> 
      <h2><i class="icon-beaker"> </i> Genuinely Tested</h2> 
      <p> 
       Guru has undergone an enormous amount of testing 
       <br /> 
       via <a href="http://junit.org" rel="tooltip" data-toggle="tooltip" data-placement="bottom" title="" 
       data-original-title="Visit their website!">JUnit</a>; the programmer-oriented testing framework. 
      </p> 
     </div> 
     <div class="span3 text-glow-hover-with-delay" align="center"> 
      <h2><i class="icon-book"> </i> Full Documentation</h2> 
      <p> 
       We provide full-source/full-documentation for our users. 
      </p> 
     </div> 
    </div>

來源

2013-07-26 21:47:48 Jire

Center divs to match logo/lead

回答

相關問題