你有没有尝试过对bootstrap进行魔改？

本文共计1455个文字，预计阅读时间需要6分钟。

前言在本文中，我们将基于.NetCore开发博客项目StarBlog，探讨分类层级的结构展示。为了使文章分类列表支持层级结构，我采用了一个树形组件，但这个组件略显老旧，现在使用Bootstrap版本进行改进。

前言

之前在这篇文章 基于.NetCore开发博客项目 StarBlog - (8) 分类层级结构展示 中说到，我为了让文章分类列表支持层级结构，用了一个树形组件，不过这个组件太老了，使用的Bootstrap版本居然是3.x的，但又找不到更好的，只能硬着头皮用。

但实际效果有很多我不满意的，感谢开源，我直接fork一份代码来魔改，实现了我要的效果~

然后还上传了npm~（第一次在npm上发包）

有需要的同学可以install试试：

npm i bootstrap5-treeview 效果

先放图，后面再来说改了啥

布局修改

我注意到原版对tag的处理是包装成一个badge直接放在文字后面，不知道是不是Bootstrap改了，在目前的5.x版本上看起来挤在一起，而且也没有颜色，因为原版作者只加了badge一个class。