其他分享
首页 > 其他分享> > Bootstrap4.0兼容tree方法

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