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

有没有办法在不使用偏移的情况下使我的按钮工具栏居中？

我尝试应用“margin：0 auto；” 到我的工具栏 div 但这不起作用。

4

3 回答 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;
}​
于 2012-08-09T15:07:34.143 回答
3

你可以使用内联 CSS，它对我有用。

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

谢谢。

于 2018-05-08T06:51:01.417 回答
0

尝试在引导程序 3 的行类上添加“中心”属性。喜欢

<div class="row center"> .... </div>

于 2017-11-08T21:48:32.177 回答