Bootstrap4.0兼容tree方法
作者:互联网
bootstrap-treeview 是bootstrap的一个树形插件,他不可以在 bootstrap 高于 3.3.7 版本中使用。
那么,问题就来了,Bootstrap4.0中怎么办啦?
验证后发现,主要是Bootstrap4.0中将一些图标被去除了,设置一下就好
JS
$('#tree').treeview({
data: html,
expandIcon: "tree_arrows_right", //设置列表树可展开节点的图标。
collapseIcon: "tree_arrows_down", //设置列表树可收缩节点的图标。
levels : 5,
showTags: true,
highlightSelected: true,
highlightSearchResults:false
});CSS
.tree_arrows_down:before{
content:url("/static/image/sel.jpg"); //图片url根据地址设置
}
.tree_arrows_right:before{
content:url("/static/image/sel.jpg");
}HTML
<div id="tree">div>
标签:url,tree,bootstrap,arrows,兼容,Bootstrap4.0,图标 来源: https://www.cnblogs.com/zhujunxiao/p/10836639.html