Html 在引导中对齐按钮

在我当前的模板中，我使用的是引导，它应该包含三个按钮，每个按钮应该分别放置在其中。第一个一直到左边，第二个在中间，第三个（最后一个）到右边（在一个容器元素里面）。 当我试图用Bootstrap实现这一点时，我碰巧没有找到任何与我的需求相关的东西。这是因为每次我尝试在输入元素周围包装一个

标记时，HTML文档都会在单独的行上显示这些内容：

.foo{
宽度：23%；
/*应为按钮所需的宽度，
但我只是随机选取了一个合适的数字
最好的*/
保证金：0自动；
}
/*然而，它应该是这样的
如果需要的话，我想使用Bootstrap而不是定制positioncss
可能*/
.想要的{
位置：绝对位置；
左：10%；
}
.所需部门{
宽度：10%；
文本对齐：居中；
显示：内联块；
}
.例2{
/*中心第二元素*/
位置：绝对位置；
左：50%；
左边缘：-5%；
}
.例3{
位置：绝对位置；
右：0%；
}

我尝试使用以下HTML/CSS：

得到的结果是这样的：

这是：


我希望元素看起来类似于：

非常简单，只需按照以下步骤操作即可

通过使用引导

• 将所有3个按钮放在同一个分区或容器中
• 在所有3个按钮的父div或容器中添加“文本中心”类
• 将“向左拉”类添加到第一个按钮
• 将“向右拉”类添加到第三个按钮

使用自定义CSS

• 将所有3个按钮放在同一父分区中
• 给那个父div css-

  。父div{text align:center；}

• 给出第一个按钮css-

  。第一个按钮{显示：内联块；浮动：左；}

• 给出第三个按钮css-

  。第三个按钮{显示：内联块；浮动：右；}

• 给出第二个按钮css-

  。第二个按钮{显示：内联块；浮点：无；}

---

无需使用

位置即可实现此功能，方法如下：



按钮
按钮
按钮
我认为您需要这样做：可能，就像您所做的那样。不确定现在的问题是什么？@C0dekid关于给出的例子，是所有的按钮都互相粘在一起，我希望它们水平分布（例如，flexbox属性使用一个名为space-between的值，该值对flex项目很有效，但我希望它与提交按钮、引导一起使用，而不使用flexbox，因为这将使页面加载速度变慢）.@PraveenKumar我想实现我所做的是的。但是我不想使用position属性，也许这里的人可以告诉我Bootstrap中是否已经有了解决方案。@Barrosy是的，可能。第三个答案正确吗？啊，这是有道理的。答案比我想象的要简单。@Barrosy刚刚回答。我想我迟到了？告诉我至少如果答案是正确的？我并不期待任何事情。
：）