Bootstrap 是一種流行的前端框架，可以協助快速創建漂亮的網站。JSON 則是一種輕量級的數據格式，經常用于在客戶端和服務器之間傳遞數據。在開發 Web 應用程序時，經常需要在 Bootstrap 和 JSON 之間轉換數據。

使用 Bootstrap 和 JSON 進行互轉，代碼非常簡單易懂。首先，我們需要使用 JavaScript 將 String 格式的 JSON 轉換為 JavaScript 對象。

var data = JSON.parse('{"name": "John Smith", "age": 35, "city": "New York"}');

接下來，我們可以將數據插入到 Bootstrap 中，例如：

var html = '<div class="card">' + 
'<div class="card-body">' + 
'<h5 class="card-title">' + data.name + '</h5>' + 
'<p class="card-text">' + 'Age: ' + data.age + '</p>' + 
'<p class="card-text">' + 'City: ' + data.city + '</p>' + 
'</div></div>';
document.getElementById("myCard").innerHTML = html;

在上面的代碼中，我們使用 JavaScript 創建了一個 HTML 字符串，并將其插入到具有 ID "myCard" 的元素中。隨著 JSON 數據的不同，你可以自定義 HTML 字符串以適應你的需求。

最后，如果你需要將 JavaScript 對象轉換為 JSON，也非常簡單：

var json = JSON.stringify(data);

在上面的代碼中，我們使用 JSON.stringify 方法將 JavaScript 對象轉換為 JSON 字符串。

使用 Bootstrap 和 JSON 進行互轉非常簡單。你可以使用它們來創建漂亮的網站并傳遞數據。記得在使用 Bootstrap 和 JSON 時，始終考慮編寫高質量的代碼，確保你的網站和應用程序穩定和可靠。