在bootstrap中的一行中心块

时间:2014-09-03 14:58:55

标签: twitter-bootstrap

有没有办法使用中心块居中?我有一个名单(4x3),我需要集中在我的容器流体中。一直试图找到一个解决方案,但它似乎没有工作..

Bootply

1 个答案:

答案 0 :(得分:0)

在第一列上使用<div class="col-sm-1 col-sm-offset-4">1</div>

<div class="container-fluid hidden-xs">
        <div class="row">
          <div class="col-sm-1 col-sm-offset-4">1</div>
          <div class="col-sm-1">1</div>
          <div class="col-sm-1">1</div>         
          <div class="col-sm-1">1</div>
        </div>
        <div class="row">
          <div class="col-sm-1 col-sm-offset-4">2</div>
          <div class="col-sm-1">2</div>
          <div class="col-sm-1">2</div>         
          <div class="col-sm-1">2</div>
        </div>
        <div class="row">
          <div class="col-sm-1 col-sm-offset-4">3</div>
          <div class="col-sm-1">3</div>
          <div class="col-sm-1">3</div>         
          <div class="col-sm-1">3</div>
        </div>
    </div>  

请参阅http://www.bootply.com/BFKxufp4m4

我很确定偏移量是4.偏移量很适合对齐:)