Bootstrap 5 间距实用程序类中的“s”和“e”代表什么？答案

【问题标题】：What do "s" and "e" stand for in the Bootstrap 5 spacing utility classes?Bootstrap 5 间距实用程序类中的“s”和“e”代表什么？
【发布时间】：2021-05-27 02:41:48
【问题描述】：

间距实用程序类的 Bootstrap 5 文档指出：

其中边是以下之一：

t - 用于设置 margin-top 或 padding-top 的类

b - 用于设置 margin-bottom 或 padding-bottom 的类

s - 对于在 LTR 中设置 margin-left 或 padding-left，在 RTL 中设置 margin-right 或 padding-right 的类

e - 对于在 LTR 中设置 margin-right 或 padding-right，在 RTL 中设置 margin-left 或 padding-left 的类

因此，对于少量的左侧填充，您将在 Bootstrap 5 中使用 ps-1 类，而在 Bootstrap 4 中它曾经是 pl-1。

我认为他们改变了这一点，因此它不会对 RTL 语言造成混淆，但我一生都无法想到 s 或 e 会代表什么为了。如果不真正理解 s/e 代表什么隐喻，我永远不会记住“s is left”。

那么，s 和 e 代表什么？

【问题讨论】：

标签： bootstrap-5

【解决方案1】：

S酸

和

End

这是为了让 RTL 的使用更简单。在默认的 LTR 中，Start 是 Left，End 是 Right。

【讨论】：

【解决方案2】：

“我认为他们改变了这一点，这样就不会让 RTL 感到困惑语言，但我一辈子都想不出 s 或 e 会是什么代表。我永远不会记得“s is left”没有实际理解 s/e 代表什么隐喻。”

如引导程序中所述docs...

"...替换左右方向属性以支持start 和结束。这使得类名和值适合 LTR 和右转”

【讨论】：