Javascript 在引导中垂直居中一组按钮

我一直试图将按钮居中放置在其父div的中间，但不知道如何操作。我尝试过添加margin:0auto和bootstrap的特殊类“centerblock”，但它似乎不起作用。我怀疑它可能与css的display:flex部分冲突，但除此之外，我不知道该怎么做

下面是问题的图片

/*-CSS-*/ * { 背景色：rgba0,0,0,0.1； } h1{ 字体系列：Raleway，无衬线字体！重要； } 氢{ 字体系列：Raleway，无衬线字体！重要； } .第页{ 高度：300px； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .table_单元{ 文本对齐：居中； } /*-第1页-*/ .title{} 主标题{ 字号：8em； 字体重量：900！重要； 字母间距：-3px； 文本转换：大写； } mainSub{} /*-钮扣-*/ .内向{ 保证金：0自动！重要； } .buttonBox{} 如果要更改HTML部分，请选择解决方案1

您可以使用引导偏移类。更多帮助

将按钮col-sm-8替换为按钮col-sm-8 col-sm-offset-2

* { 背景色：rgba0,0,0,0.1； } h1{ 字体系列：Raleway，无衬线字体！重要； } 氢{ 字体系列：Raleway，无衬线字体！重要； } .第页{ 高度：300px； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .table_单元{ 文本对齐：居中； } 主标题{ 字号：8em； 字体重量：900！重要； 字母间距：-3px； 文本转换：大写； }

---

*col类上是否声明了浮点属性？@UncaughtTypeError这是bootstrap 3，所以我想是的，您的代码非常奇怪，在其他col-*中有很多col-*可以删除“col”类来解决问题吗？你可以试试，因为我看不到这里的实用程序。我不太同意第一个，因为它看起来更像是一个黑客为了覆盖引导syle，我认为最好删除col-md-8并添加更多样式。但是，如果我们想像现在这样使用Bootstrap，第二种解决方案是最好的。@Temaniaf如果是的话，我已经给了OP两个选项，如果他想更改html或css部分。如果他不想更改html，解决方案1是标准方法，第二个解决方案是修复方法