<link  rel="stylesheet">  
<link  rel="stylesheet">  
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>  
<script src="https://cdn.bootcss.com/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>

元素作為樹形結(jié)構(gòu)的容器，并在JS代碼中使用Bootstrap的treeview方法。treeview方法需要傳入一個JSON數(shù)據(jù)，以及一些其他參數(shù)：

<div id="treeview"></div>   
<script>  
var treeData = [  
{  
text: "Parent 1",  
nodes: [  
{  
text: "Child 1",  
nodes: [  
{  
text: "Grandchild 1"  
},  
{  
text: "Grandchild 2"  
}  
]  
},  
{  
text: "Child 2"  
}  
]  
},  
{  
text: "Parent 2"  
}  
];  
$('#treeview').treeview({  
data: treeData  
});  
</script>

以上代碼定義了一個包含三個節(jié)點的樹形結(jié)構(gòu)，其中父節(jié)點1下面有兩個子節(jié)點，子節(jié)點1下面有兩個孫子節(jié)點。然后我們將這個JSON數(shù)據(jù)傳遞給Bootstrap的treeview方法，生成樹形結(jié)構(gòu)。這里我們可以使用的參數(shù)還有很多，例如可以定義節(jié)點的圖標(biāo)、顏色、展開和收起狀態(tài)等。 總之，Bootstrap的樹形JSON是一個非常有用的功能，它可以幫助開發(fā)人員輕松處理樹形結(jié)構(gòu)的數(shù)據(jù)。如果你正在開發(fā)Web應(yīng)用程序，并需要使用樹形結(jié)構(gòu)，那么Bootstrap的樹形JSON是一種非常不錯的選擇。