如何从twitter-bootstrap居中.btn-group?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

我正在使用twitter-bootstrap,但是如何div放到.btn-group类(链接)很困难。通常我使用

margin: 0 auto; 

要么

text-align: center;

以div为中心,但当内部元素具有属性float:left时,它不起作用

http://jsfiddle.net/EVmwe/1

提问于
用户回答回答于

是不是添加一个包装div的问题?

看看这个例子:http : //jsfiddle.net/EVmwe/4/

代码的重要部分:

/* a wrapper for the paginatior */
.btn-group-wrap {
    text-align: center;
}

div.btn-group {
    margin: 0 auto; 
    text-align: center;
    width: inherit;
    display: inline-block;
}

a {
    float: left;   
}

用户回答回答于

我使用这个(Bootstrap 3):

<div class="text-center">
   <div class="btn-group">
      <a href=1 class="btn btn-small">1</a>
      <a href=1 class="btn btn-small">2</a>
      <a href=1 class="btn btn-small">3</a>
   </div>
</div>

扫码关注云+社区