Bootstrap是一種流行的開源前端框架，可以用來快速搭建響應式網站。在使用Bootstrap時，經常需要將數據以JSON格式傳輸到服務端，以便進行進一步處理。本文將介紹如何將Bootstrap的數據轉換為JSON格式。

首先，我們需要在HTML中定義Bootstrap數據。Bootstrap的數據通常是以表格或列表的形式展現的。例如，下面是一個表格數據的例子：

<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>25</td>
<td>USA</td>
</tr>
<tr>
<td>Sarah</td>
<td>30</td>
<td>Canada</td>
</tr>
</tbody>
</table>

現在我們需要將這個表格數據轉換為JSON格式。我們可以使用JavaScript的querySelectorAll方法來獲取表格中的所有行，然后遍歷這些行，并將它們的數據存儲到一個JavaScript對象中。最后，將這個JavaScript對象轉換為JSON格式的字符串。

var rows = document.querySelectorAll("table tr");
var data = [];
for (var i = 1; i < rows.length; i++) {
var row = rows[i];
var cells = row.querySelectorAll("td");
var item = {};
item["name"] = cells[0].innerText;
item["age"] = cells[1].innerText;
item["country"] = cells[2].innerText;
data.push(item);
}
var jsonData = JSON.stringify(data);
console.log(jsonData);

上面的代碼中，我們首先使用querySelectorAll方法獲取所有的行。然后，使用一個循環來遍歷每一行，并將它們的數據存儲到一個JavaScript對象中。最后，使用JSON.stringify方法將JavaScript對象轉換為JSON格式的字符串。

通過這種方法，我們可以將Bootstrap的任何類型數據（例如列表數據）轉換為JSON格式，以便在服務端進行進一步處理。