Bootstrap是一個流行的前端框架，它提供了豐富的功能和組件，可以幫助我們快速構建漂亮又實用的網站或應用程序。其中一個非常實用的功能就是讀取JSON數據并將其顯示在網頁上。 要讀取JSON數據，我們可以使用jQuery的$.getJSON()函數來獲取數據，然后使用Bootstrap的相關組件來展示數據。下面是一個簡單的示例代碼：

$(document).ready(function() {
$.getJSON("data.json", function(data) {
var table = $("#myTable");
$.each(data, function(key, val) {
var row = $("");
row.append($("").text(val.name));
row.append($("").text(val.age));
row.append($("").text(val.gender));
table.append(row);
});
});
});

在這個示例中，我們使用$.getJSON()函數從名為"data.json"的JSON文件中獲取數據，并將數據以表格的形式展示在ID為"myTable"的HTML元素中。我們使用$.each()函數循環遍歷獲取到的數據，然后使用jQuery的DOM操作函數來創建表格行和列并將它們添加到表格中。 使用Bootstrap來展示JSON數據非常方便。我們可以使用表格、卡片、列表等組件來展示不同類型的數據，并可以根據需要使用各種樣式和排版參數來定制展示效果。如果我們要展示復雜的數據或需要具有交互性的組件，我們還可以使用Bootstrap提供的插件和工具來實現。 綜上所述，通過使用Bootstrap和jQuery的$.getJSON()函數，我們可以很方便地讀取JSON數據并將其展示在網頁中，這極大地簡化了前端開發的工作，提高了開發效率。