Bootstrap是一款前端開發(fā)框架，其中包含了許多實(shí)用的組件和工具。其中一個(gè)非常有用的組件便是Bootstrap的JSON控件。

{
"id": 1,
"name": "John",
"age": 30
}

JSON（JavaScript Object Notation）是一種輕量級(jí)的數(shù)據(jù)交換格式，常用于前后端數(shù)據(jù)傳輸。Bootstrap的JSON控件可以用來展示JSON格式的數(shù)據(jù)，增強(qiáng)用戶體驗(yàn)。

使用Bootstrap的JSON控件非常簡單。僅需在需要顯示JSON數(shù)據(jù)的HTML元素上添加class="json-viewer"即可。

<div class="json-viewer">
{
"id": 1,
"name": "John",
"age": 30
}
</div>

此時(shí)JSON數(shù)據(jù)會(huì)自動(dòng)呈現(xiàn)在HTML頁面上，同時(shí)可以展開或收起其中的子屬性。

另外，Bootstrap的JSON控件還支持多種自定義設(shè)置，包括展開按鈕文本、展開箭頭樣式、縮進(jìn)等設(shè)置，可以根據(jù)具體需求進(jìn)行調(diào)整。

總之，Bootstrap的JSON控件是一款非常實(shí)用的前端組件，能夠極大地提升前端開發(fā)的效率和用戶體驗(yàn)。可以在各種前端項(xiàng)目中廣泛使用。