如何在Twitter Bootstrap 3中居按钮？

我正在Twitter Bootstrap中构建一个表单,但是我遇到了将表单中输入下方的按钮居中的问题.我已经尝试将该center-block类应用于按钮,但这不起作用.我该怎么解决这个问题？

这是我的代码.

    
    

        
            Next Step!
        
    

Shekhar Pank.. 547

使用"text-center"类将div包装在div中.

只需改变这个:

    Next Step!

对此:

 
    Next Step! 

编辑

截至BootstrapV4,center-block被放弃#19102赞成m-*-auto

1> Shekhar Pank..：

---

使用"text-center"类将div包装在div中.

只需改变这个:

    Next Step!

对此:

 
    Next Step! 

编辑

截至BootstrapV4,center-block被放弃#19102赞成m-*-auto

2> Seany84..：

---

根据Twitter Bootstrap文档:http://getbootstrap.com/css/#helper-classes-center

   
   

      
          Next Step!
       
   
  

所有类center-block都是告诉元素的边距为0 auto,auto是左/右边距.但是,除非类text-center或css text-align:center; 在父项上设置,元素不知道计算出这个自动计算的点,因此不会按预期中心.

请参阅上面代码的示例:https://jsfiddle.net/Seany84/2j9pxt1z/

3> obe6..：

---

  

    

       Next Step!
    
  

4> 小智..：

---

5> 小智..：

---

添加到你的风格:

显示:表; 保证金:0自动;

---

不知道你是怎么得出这个结论的.

6> 小智..：

---

您可以通过提供边距或绝对定位这些元素来实现。

例如

.button{
  margin:0px auto; //it will center them 
}

0px将来自顶部和底部，而auto将来自左侧和右侧。

7> Swapneel..：

---

我尝试了以下代码,它对我有用.

Button

按钮控件在div中,使用center-block类引导程序帮助我将按钮与div的中心对齐

检查您将找到中心区类的链接

http://getbootstrap.com/css/#helper-classes-center