Html 如何水平对齐图元？

我有三个元素（div），需要将它们水平对齐。我正在遵循引导的指南，但它不会起作用

这就是我需要它的样子：

这就是它现在的样子，它与左边对齐：

这是我的密码：

。价格选择{
边框：1px实心#8ABE57；
显示：内联块；
}

库安托安静了吗

一个
一个
两个
两个
三个
三个

使用

m-0

移除水平条

---

列不应是其他列的直接子列。如果要分割列，请使用.row包装器

解决方案1

我删除了

justify content center

，因为它不能给出COL之间的间隙，所以请使用

justify content about

。价格选择{
边框：1px实心#8ABE57；
显示：内联块；
}

一个
一个
两个
两个
三个
三个

以下是您试图实现的目标的正确标记：

。价格选择{
边框：1px实心#8ABE57；
显示：内联块；
}

库安托安静了吗

一个
一个
两个
两个
三个
三个

列不应是其他列的直接子列。如果您想划分一列，请使用

.row

包装器。但是如果我想划分列之间的间距，现在该怎么办？如果我将

col-3

更改为

col-4

我不会在cols@Nisharg，因为当时你的答案没有解决主要问题，它是另一个

.col

的直接孩子。是的，你是对的，但你也可以在下面做评论，所以我会改变它。我有过非常消极的经历。我学到了（艰难的方式）最好提供正确的答案。谢谢兄弟，但我们是SO的初学者，而你的水平很高（因为声誉很高），因此，如果我们犯了错误，请在下面评论，不要给出

-1

兰金原则，你是对的，在实践中，我的时间有限。有时候，当我觉得解释太多的时候，我不会评论。