Div/class不会水平对齐

为什么我的margin-right & margin-left设置为自动为.banner-logo-content类不居中div？Div/class不会水平对齐

的

这是我的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>

来源

2014-04-03 user3408293

横幅标志内容是一个跨度，这意味着它的内嵌式地显示。您可以在banner-logo-container上放置'text-align：center'，并在徽标内容范围上获得自动保证金的权利 – Huangism

容器不会使用此解决方案调整大小并在小屏幕上截断。我怎样才能使它动态？ – user3408293

http://jsfiddle.net/uw77f/我已将宽度设置为100％，因此在调整大小时，框变为动态。 –