bootstrap 添加行

在Bootstrap中添加行的方法有两种：使用容器（Container）和使用栅格系统（Grid System）。

1. 使用容器（Container）：
容器是Bootstrap中用于包裹内容的基本结构。通过在容器内添加行（Row）和列（Column），可以实现页面的布局。要添加行，可以按照以下步骤进行操作：
- 在HTML文件中，找到需要添加行的位置。
- 在该位置内添加一个容器元素，例如`<div class="container">`。
- 在容器内部添加行元素，例如`<div class="row">`。
- 在行内部添加列元素，例如`<div class="col">`。
- 在列内部添加内容。

示例代码：

   <div class="container">
     <div class="row">
       <div class="col">
         <!-- 在这里添加内容 -->
       </div>
     </div>
   </div>

2. 使用栅格系统（Grid System）：
Bootstrap的栅格系统是一种灵活的网格布局系统，可以将页面划分为12个等宽的列。通过在行内添加列，可以实现自适应的布局效果。要添加行，可以按照以下步骤进行操作：
- 在HTML文件中，找到需要添加行的位置。
- 在该位置内添加一个容器元素，例如`<div class="container">`。
- 在容器内部添加行元素，例如`<div class="row">`。
- 在行内部添加列元素，例如`<div class="col">`。
- 在列内部添加内容。

示例代码：

   <div class="container">
     <div class="row">
       <div class="col">
         <!-- 在这里添加内容 -->
       </div>
     </div>
   </div>