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 上，完全无效。它只作用于列表根元素：
<ul class="list-unstyled"> <li>首页</li> <li>关于</li> <li>联系</li> </ul>
- 不能写成
<div class="list-unstyled"><ul>...</ul></div> - 也不能写成
<ul><li class="list-unstyled">...</li></ul> - 如果用了
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 还是有圆点，除非你显式给它也加一遍类。
