Does bootstrap have a tree menu?

bootstrap-treeview.js is a powerful tree menu plug-in. This article demonstrates the calling method of bootstrap-treeview.js.

It can load data all at once or asynchronously. It supports Checkbox, selectable, node cascading, etc., and can also carry big data.

How to use (recommended learning: Bootstrap video tutorial)

nbsp;html>

    
        <meta>
        <meta>
        <meta>
        <title>treeview+bootstrap多级下拉树插件</title>
        <link>
        <style>
            .shouce-header{margin-bottom: 15px;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
            .shouce-icon{color: #fff;}
        </style>
        <!--[if IE]>
                <script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <![endif]-->
    

<div></div>
<script>
var defaultData = [ 
    { 
        text: &#39;Parent 1&#39;, 
        href: &#39;#parent1&#39;, 
        tags: [&#39;4&#39;], 
        nodes: [ 
            { 
                text: &#39;Child 1&#39;, 
                href: &#39;#child1&#39;, 
                tags: [&#39;2&#39;], 
                nodes: [ 
                    { 
                        text: &#39;Grandchild 1&#39;, 
                        href: &#39;#grandchild1&#39;, 
                        tags: [&#39;0&#39;] 
                    }, 
                    { 
                        text: &#39;Grandchild 2&#39;, 
                        href: &#39;#grandchild2&#39;, 
                        tags: [&#39;0&#39;] 
                    } 
                ] 
            }, 
            { 
                text: &#39;Child 2&#39;, 
                href: &#39;#child2&#39;, 
                tags: [&#39;0&#39;] 
            } 
        ] 
    }, 
    { 
        text: &#39;Parent 2&#39;, 
        href: &#39;#parent2&#39;, 
        tags: [&#39;0&#39;] 
    }, 
];
$(&#39;#treeview1&#39;).treeview({ 
    data: defaultData 
});  
</script>

For more Bootstrap related technical articles, please visit Bootstrap tutorial column for learning!

The above is the detailed content of Does bootstrap have a tree menu?. For more information, please follow other related articles on the PHP Chinese website!