如何用bootstrap制作固定的网格布局？

使用Bootstrap可以很方便地制作固定的网格布局。Bootstrap是一个流行的前端开发框架，提供了丰富的CSS和JavaScript组件，用于快速构建响应式网页。

要使用Bootstrap制作固定的网格布局，可以按照以下步骤进行：

引入Bootstrap：在HTML文件的<head>标签中添加以下代码，引入Bootstrap的CSS文件和JavaScript文件。

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

创建网格容器：使用Bootstrap的网格系统，可以将页面分为12个等宽的列。在HTML文件中添加一个容器元素，通常使用<div>标签，并为其添加container或container-fluid类。

<div class="container">
  <!-- 网格布局内容 -->
</div>

container类用于创建一个固定宽度的容器，container-fluid类用于创建一个占据整个可视窗口宽度的容器。

创建行和列：在容器内部，使用<div>标签创建行和列。行使用row类，列使用col-*类指定列宽。

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <!-- 列内容 -->
    </div>
    <div class="col-md-4">
      <!-- 列内容 -->
    </div>
    <div class="col-md-4">
      <!-- 列内容 -->
    </div>
  </div>
</div>

上述示例代码创建了一行，包含了3个等宽的列，每个列占据父容器的1/3宽度。col-md-4类中的md表示中等屏幕尺寸，可以根据需要选择不同的响应式断点。