logo标签列表

Twitter Bootstrap: 如何居中按钮工具栏？

twitter-bootstrap
5
<div class="row">
    <div class="span12">
      <div class="btn-toolbar">
      <!-- buttons go here -->
       </div>
    </div>
</div>

有没有一种方法可以在不使用偏移量的情况下居中我的按钮工具栏？
我尝试将“margin: 0 auto;”应用于我的工具栏div，但这并没有起作用。
3个回答
8

http://jsfiddle.net/rx9Y2/

<div class="row">
    <div class="span12">
      <div class="btn-toolbar">
          <div class="btn-group">
              <button class="btn">1</button>
              <button class="btn">2</button>
              <button class="btn">3</button>
          </div>
          <div class="btn-group">
              <button class="btn">1</button>
              <button class="btn">2</button>
              <button class="btn">3</button>
          </div>
       </div>
    </div>
</div>​

.btn-toolbar{
  text-align: center;
}​
6

您可以使用内联 CSS，它对我很有效。

<div class="btn-toolbar" style="justify-content: center; display: flex;" >

谢谢。

0
尝试在Bootstrap 3的行类上添加“center”属性。 例如：
....
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接