仅在折叠位置时如何设置 Bootstrap 5 导航栏的样式?

How can I style a Bootstrap 5 Navbar when only in collapsed position?

我正在使用 Bootstrap 5,我试图在导航栏折叠时左对齐导航栏社交图标(对于 small/mobile 设备),但在大屏幕上查看时右对齐.

您能帮助确定要设置样式的选择器吗?同样,我只希望图标在折叠导航栏时左对齐。

我的导航栏示例在这里:https://www.codeply.com/p/4zgJqBtILT

Navbar Example Screenshot

谢谢!

添加到 UL 标签 justify-content-start justify-content-lg-end 并将 float-sm-end class 更改为 float-xl-end

<ul class=" col-md-4 col-sm list-unstyled justify-content-start justify-contentxl-end d-flex float-xl-end">