Bootstrap 网格系统代码

Bootstrap 网格系统是一种响应式的布局方式，可以在不同屏幕尺寸下自适应调整布局。以下是一个基本的 Bootstrap 网格系统代码：

<div class="container">
  <div class="row">
    <div class="col-sm-4">Column 1</div>
    <div class="col-sm-4">Column 2</div>
    <div class="col-sm-4">Column 3</div>
  </div>
</div>

以上代码中，`.container` 是容器类，`.row` 是行类，`.col-sm-4` 是列类。其中，`sm` 表示屏幕尺寸为小屏幕，`4` 表示占据了 4 个网格。

在这个例子中，一行被分成了三个等宽的列，每个列占据了 4 个网格，总共占据了 12 个网格。如果屏幕尺寸变化，Bootstrap 会自动调整列的宽度以适应新的屏幕尺寸。