list-unstyled类用于一键清除ul或ol的默认样式，包括项目符号、数字、padding-left及上下margin，仅作用于列表根元素，不改变HTML结构或语义。

Bootstrap 5 中 ListUnstyled 类到底干啥用的

它就是专门用来「清空默认列表样式」的工具类，不改结构、不删标签，只把 ul 或 ol 的圆点、数字、内边距和外边距一键归零。不是隐藏列表项，也不是重写语义，就是视觉层的「裸奔」处理。

为什么不用 list-style: none 自己写 CSS

自己写确实能去圆点，但漏掉两个关键细节：padding-left（浏览器默认给 ul/ol 留的缩进）和 margin-top/margin-bottom（列表自带的上下间距）。ListUnstyled 一并清掉，省得反复调试。另外它还兼容响应式断点，比如 list-unstyled-sm 只在小屏生效——手写容易漏。

ListUnstyled 必须加在 ul 或 ol 上，别套错容器

常见错误是把类加在 li 或外层 div 上，完全无效。它只作用于列表根元素：

VPS Bootstrap

从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

下载

• 首页
• 关于
• 联系

• 不能写成
  ...
• 也不能写成
  • ...
>

如果用了 nav + ul，类必须落在 ul 上，不是 nav

和 ListInline 混用时要注意顺序与间距

两者可以一起用，比如实现横向导航菜单：list-unstyled list-inline。但注意：ListInline 会给每个 li 加 display: inline-block 和默认 margin-right: 0.5rem。如果你不需要这个右间距，得额外覆盖，比如加 mb-0 或自定义 CSS 清掉 margin-right。

另外，ListUnstyled 不影响嵌套列表——子 ul 还是有圆点，除非你显式给它也加一遍类。

Bootstrap 的列表工具类设计得很直白，但容易栽在作用对象和组合逻辑上。真正用起来，盯住「谁加类」「会不会级联」「要不要补间距」这三点就够了。