引导按钮不会显示内联块

【问题标题】：Bootstrap buttons won't display inline-block引导按钮不会显示内联块
【发布时间】：2021-04-16 13:21:41
【问题描述】：

我真的是 CSS 初学者，不知道如何水平对齐引导下拉按钮。这是我项目的代码sn-p：https://codesandbox.io/s/dreamy-resonance-80id9?file=/src/App.js

这个想法是让它们在页面顶部水平对齐，它们之间和边框之间的空间相等，因此它们被展开。

【问题讨论】：

【解决方案1】：

你只需要改变显示模式：

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

这个flex guide可以帮助你

【讨论】：