Twitter bootstrap 引导4-中间按钮

Twitter bootstrap 引导4-中间按钮,twitter-bootstrap,css,bootstrap-4,Twitter Bootstrap,Css,Bootstrap 4,根据这些要求,如何使按钮居中 按钮宽度是可变的 所有按钮宽度需要设置为最大宽度按钮(相等宽度) 按钮必须垂直堆叠 这是可行的,但我无法将其居中 宽度1 宽度2 宽度3 解决方案:创建一个旧的学校包装器+btn组 宽度1 宽度2 宽度3 取决于您的预期布局和断点 您可以使用btn块作为标准按钮。Btn块当然会填充可用的宽度,并将按钮文本居中 然后,您可以通过将每个btn块放置在一行中的列中来限制它们。然后,当它们断开并堆叠时,它们将扩展/收缩到新的可用宽度 如果这是你的意思?我成功地使用了

根据这些要求,如何使按钮居中

  • 按钮宽度是可变的
  • 所有按钮宽度需要设置为最大宽度按钮(相等宽度)
  • 按钮必须垂直堆叠
  • 这是可行的,但我无法将其居中

    
    宽度1
    宽度2
    宽度3
    
    解决方案:创建一个旧的学校包装器+btn组

    
    宽度1
    宽度2
    宽度3
    
    取决于您的预期布局和断点

    您可以使用btn块作为标准按钮。Btn块当然会填充可用的宽度,并将按钮文本居中

    然后,您可以通过将每个btn块放置在一行中的列中来限制它们。然后,当它们断开并堆叠时,它们将扩展/收缩到新的可用宽度

    如果这是你的意思?我成功地使用了它,并取得了良好的效果


    查看此链接,感谢您的建议,但@w3s example.btn-group仅适用于定义的宽度(设置宽度:50%)。