Div不以bootstrap css为中心

时间:2014-03-27 14:43:37

标签: css twitter-bootstrap

无法使用bootstrap创建以下内容,因此欢迎使用基于引导程序的解决方案:

<div class="facts"> 

  <!-- Factor -->
  <div class="col-xs-3 fact"> 
    <!-- Fact Left --> 
    <a class="fact-icon"> 
    <!-- Fact Icon --> 
    <i class="fa fa-briefcase"></i> </a> 
    <!-- Factor Area -->
    <div class="fact-number" data-perc="129"> 
      <!-- Factor -->
      <h1 class="factor light"></h1>
      <!-- Factor Description -->
      <h3 class="light uppercase">Clients Registered</h3>
    </div>
    <!-- End Factor Area --> 
  </div>
  <!-- End Factor --> 

  <!-- Factor -->
  <div class="col-xs-3 fact"> 
    <!-- Fact Left --> 
    <a class="fact-icon"> 
    <!-- Fact Icon --> 
    <i class="fa fa-comments"></i> </a> 
    <!-- Factor Area -->
    <div class="fact-number" data-perc="3125"> 
      <!-- Factor -->
      <h1 class="factor light"></h1>
      <!-- Factor Description -->
      <h3 class="light uppercase">Emails Sent</h3>
    </div>
    <!-- End Factor Area --> 
  </div>
  <!-- End Factor --> 

  <!-- Clear -->
  <div class="clear"></div>
</div>

CSS:

#fun-acts .fun-acts .facts .fact {
    height: 100px;
    padding: 0;
}

.facts {找不到任何样式计算样式显示max-width:1170}

请帮忙

UPDATe:

结构图: http://s3.postimg.org/onkmji1df/2014_03_27_20_26_48_Inbox_All_Mailing_Software.png

1 个答案:

答案 0 :(得分:0)

这可能会有所帮助:

#fun-acts .fun-acts .facts .fact {
    height: 100px;
    padding: 0;
    width: 1170px;
    margin: 0 auto;
}