在使用Bootstrap的過程中，一個重要的概念是div的寬度。div是一種HTML標簽，用于將網頁內容進行分組。通常情況下，div元素的寬度會根據其內容自動調整。然而，使用Bootstrap的div元素可以通過使用CSS類來控制其寬度，以實現更靈活的布局效果。

在Bootstrap中，可以使用row和col-*-*這兩個類來定義一個包含多個div的網格布局。其中，row類用于創建一個水平排列的行，col-*-*類用于創建一個指定寬度的列。

下面是幾個使用Bootstrap的div寬度的代碼案例：

案例1：平均分割列

<code><div class="row">
<div class="col-6">內容1</div>
<div class="col-6">內容2</div>
</div></code>

在這個案例中，row類用于創建一個包含兩個列的行。每個div元素都有一個col-6類，表示這個列占據行的一半寬度，即平均分割。

案例2：不等寬列

<code><div class="row">
<div class="col-3">內容1</div>
<div class="col-6">內容2</div>
<div class="col-3">內容3</div>
</div></code>

在這個案例中，row類用于創建一個包含三個列的行。第一個和第三個div元素都有一個col-3類，表示這些列占據行的三分之一寬度，而第二個div元素有一個col-6類，表示占據行的一半寬度。這樣就實現了不等寬的列布局。

案例3：響應式布局

<code><div class="row">
<div class="col-lg-2 col-md-4 col-sm-6 col-12">內容1</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">內容2</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-12">內容3</div>
</div></code>

在這個案例中，row類用于創建一個包含三個列的行。每個div元素都有多個col-*-*類，表示在不同的屏幕尺寸下，列的寬度會有所變化。通過指定不同的col類，可以實現響應式的布局效果。

通過這些案例，我們可以看到Bootstrap的div寬度的靈活性。通過使用不同的CSS類，可以輕松地控制布局的樣式和寬度，實現更好的用戶體驗。