如何將 Bootstrap 按鈕右對齊

Bootstrap 中沒有內(nèi)置的類或方法可以直接將按鈕右對齊。然而，有幾種方法可以實(shí)現(xiàn)這一效果：

1. 使用 CSS

.btn-right {
 float: right;
}

然后為要右對齊的按鈕添加 .btn-right 類：

<button class="btn btn-primary btn-right">右對齊</button>

2. 使用 Flexbox

.btn-container {
 display: flex;
 justify-content: flex-end;
}

然后將按鈕包含在 .btn-container 中：

<div class="btn-container">
  <button class="btn btn-primary">右對齊</button>
</div>

3. 使用輔助類

Bootstrap提供了幾個輔助類，可以幫助對齊元素：

.ml-auto 從左側(cè)創(chuàng)建自動間距
.mr-auto 從右側(cè)創(chuàng)建自動間距

可以為包含按鈕的容器添加這些類之一，以使其向右對齊：

<div class="btn-container mr-auto">
  <button class="btn btn-primary">右對齊</button>
</div>

注意：

確保使用所需的按鈕樣式類，例如 .btn-primary。
這些方法同樣適用于 Bootstrap 的其他元素，如文本和圖像。