Bootstrap 按钮不会显示 inline-block

Question

我真的是 CSS 的新手，不知道如何水平对齐 bootstrap 下拉按钮。这是我的项目的代码片段：https://codesandbox.io/s/dreamy-resonance-80id9?file=/src/App.js

我们的想法是让它们在页面顶部水平对齐，它们之间和边框之间 space 相等，这样它们就会展开。

Answer 1

您只需更改显示模式即可：

.buttonContainer {
  background-color: white;
  padding: 20px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

这个flex guide可以帮到你

Bootstrap 按钮不会显示 inline-block

Bootstrap buttons won't display inline-block

css

reactjs

react-bootstrap