你有没有尝试过对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。
本文共计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。

