div將不會在引導中心

我正在建立一個引導站點，我在我試圖使中心頁面的中心divs。我不能爲我的生活弄清楚。任何人都知道爲什麼它不會居中？我試過了：div將不會在引導中心

margin: 0 auto; 
text-align: center;

在幾乎有史以來的元素，我不能讓它去。感到沮喪在這裏。下面是該網站的鏈接，所以你可以看到我在談論http://bit.ly/1wYQDD1

以下是部分代碼的樣子，你可以在現場檢查它看多：

<section class="no-margin" id="main" style="background-image:url(/GulflifeRealty.com/images/images/<%=img%>); height:650px; background-size:cover; background-position:0 -210px; background-repeat:no-repeat;">  
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-12"> 

      <div> 

       <a href="http://matrix.swflamls.com/Matrix/Public/IDXSearch.aspx?count=1&idx=f25b59c&iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]"><div class="homeBox" style="background-image:url(/GulflifeRealty.com/images/images/<%=listings%>);"> 

       <h3>See our Listings</h3> 


       </div></a> 

       <a href="http://matrix.swflamls.com/Matrix/Public/IDXSearch.aspx?count=1&idx=b03d59b&iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]"><div class="homeBox" style="background-image:url(/GulflifeRealty.com/images/images/<%=mls%>);"> 
<h3>Search the MLS</h3>

  </div> 
     </div> 
    </div> 
</section>

來源

2014-11-04 Damien

您無法使用中心text-align: center兩個<div>是因爲你使用float: left噸o使它們顯示爲內聯。您需要使用display: inline-block，而不是float: left，像這樣：

.homeBox { 
    display: inline-block; 
    float: none; 
}

然後容器text-align屬性設置<div>到center，像這樣：

row > div { 
    text-align: center; 
}

它完美：

enter image description here

來源

2014-11-04 02:20:19

WOW !!!!!我有這種與CSS的愛恨關係。謝謝你清理那個。我會接受，當這件事讓我（7分鐘） – Damien 2014-11-04 02:24:54

+1爲偉大的答案和視覺 – Christina 2014-11-04 02:28:43

div將不會在引導中心

回答

相關問題