Bootstrap是一個常見的前端框架，廣泛應用于網站開發。它有很多強大的特性，其中一個重要的特性是格式化展示JSON數據。
JSON是一種輕量級的數據交換格式，常用于前后端數據傳輸。如果我們直接使用JSON格式展示數據，那么數據會顯得很混亂，很難閱讀。但是，如果使用Bootstrap，數據就可以很好地格式化展示出來，讓人一目了然。
Bootstrap格式化JSON的方法很簡單。我們只需要引用Bootstrap的JSON Viewer插件和jQuery庫，然后在代碼中指定需要展示的JSON數據，就可以了。
下面是示例代碼，使用p標簽分段展示：
引用Bootstrap的JSON Viewer插件和jQuery庫：
<link rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>指定需要展示的JSON數據，使用pre標簽包裹：
<pre id="json" style="display:none">
{
"name": "Tom",
"age": 28,
"job": "Web Developer",
"hobbies": [
"programming",
"reading",
"traveling"
]
}
</pre>使用jQuery和JSON Viewer插件，將JSON數據轉換為可視化的結構：
<script>
$(function() {
var data = $('#json').text();
$('#treeview').treeview({
data: [ { "text": data } ]
});
});
</script>最后，在HTML中指定展示JSON數據的位置，例如一個id為treeview的div：
<div id="treeview"></div>