Div/类不会水平对齐

Question

为什么我的边距、右边距和边距左设置为.banner-logo-content类的auto，而不是以div为中心？

这个

这是我的CSS

@import 'bootstrap';

.navbar {
    border-radius: 0px;
    font-size: 16px;
    padding-left: 150px;
    padding-right: 150px;
    margin: 0px;
    background-color: white;
}

.navbar-default .navbar-nav > li > a {
    color: #f0ad4e
}

.navbar-brand {
    font-size: 22px;
}

.navbar-default .navbar-brand {
    color: #f0ad4e;
}

.banner-home {
    height: 400px;
    background-color: #f0ad4e;
    padding: 100px;
}

.banner-logo-container {
    width: 1170px;
    margin: 30px;
    border: 1px solid;
}

.banner-logo-content {
    margin-right: auto;
    margin-left: auto;
    border: 1px solid;
    font-size: 108px;
    color: white;
}

这是我的页面：

<div class="banner-home">
      <div class="col-md-12">
        <div class="banner-logo-container">  
          <span class="banner-logo-content">E!</span>
        </div>
        <div class="banner-text">
          <p>Crowdsourcing Scientific Innovation</p>
        </div>
      </div>
</div>

Answer 1

在CSS中为text-align:center添加.banner-logo-content

http://jsfiddle.net/2b8Hs/1/