div不会以bootstrap为中心

Question

我正在构建一个引导站点，我在页面中心有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>

Answer 1

您无法使用<div>使这两个text-align: center居中，因为您正在使用float: left使其显示为内联。您需要使用display: inline-block代替float: left，如下所示：

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

然后将容器text-align的{​​{1}}属性设置为<div>，如下所示：

center

完美无缺：