Bootstrap 5 类“me-auto”是什么意思答案

【问题标题】：What the meaning of Bootstrap 5 class " me-auto "Bootstrap 5 类“me-auto”是什么意思
【发布时间】：2021-05-07 09:25:51
【问题描述】：

这是 bootstrap 5 navbar ul 部分代码。我的问题是：

【问题讨论】：

这能回答你的问题吗？ Align nav items to right in Bootstrap 5 ... me-auto 是 margin-right: auto
请read the Bootstrap docs和how to ask

【解决方案1】：

将.me-auto 更改为.ms-auto 会将其向右移动。

【讨论】：

【解决方案2】：

mr-auto => bootstrap 4 边距右自动

me-auto => bootstrap 5 边距自动结束

【讨论】：

【解决方案3】：

对于 ul 位置从左到右使用

<ul class="nav justify-content-end">

me-auto meening bootstrap 5 margin end-auto

【讨论】：

【解决方案4】：

.me-auto {
  margin-right: auto !important;
}

上面的代码揭示了使用 Firefox 的开发者工具检查方法的 CSS 规则。

【讨论】：

【解决方案5】：

float:right 或者你可以使用这个 CSS：

.lefttoright {
  position: relative;
  right: 5px;
}

【讨论】：

【解决方案6】：

您可以在 Bootstrap 5 中分别使用mr-auto 和ml-auto 进行左右对齐。

class="navbar-nav mr-auto mb-2 mb-lg-0"

【讨论】：