Bootstrap 是一个非常流行的前端框架，用于创建响应式和动态的网页。Bootstrap 自适应是指在不同的设备和屏幕尺寸上，Bootstrap 的布局和样式都能够适应并正确显示。以下是使用 Bootstrap 自适应的步骤：

1. 在 HTML 文件中，使用 Bootstrap 的 Grid CSS 样式，为不同的列和行分配宽度。例如，如果你想要一个边框宽度为 10px 的 3x3 的网格，你可以使用以下代码：

```

```

1. 使用媒体查询来更改 Grid 样式在不同设备上的显示。例如，如果你想要在移动设备上将一个列的宽度减半，你可以使用以下代码：

@media screen and (max-width: 768px) { .col-md-3 { width: 50%; } }

1. 在你的 CSS 文件中，使用媒体查询来更改 Bootstrap 的样式。例如，如果你想要在移动设备上更改一个按钮的颜色和大小，你可以使用以下代码：

.btn-lg { font-size: 1.2rem; padding: 0.5rem 1rem; background-color: #4CAF50; color: white; }

通过以上步骤，你可以使用 Bootstrap 自适应的特性，创建一个响应式和动态的网页。