如何在 Bootstrap 中正确对齐工具栏？

Answer 1

尝试这样：DEMO

<div class="container">
    <div class="btn-toolbar pull-right" role="toolbar">
.....
</div></div>

Bootstrap

pull-right

在这里工作正常。

Answer 2

在 Bootstrap 5.3.2 中，我使用

justify-content-end

，因为上面的其他建议不起作用。

示例：https://jsfiddle.net/chdaL9k0/1/

Answer 3

您可以简单地将“pull-right”类添加到 .btn-toolbar，或者在您的 css 文件中，只需为工具栏提供 float right 属性，如下所示：

.btn-toolbar {
  float: right;
  }