仅在折叠位置时如何设置 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">
我正在使用 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">