bootstrap row
时间: 2023-11-11 12:05:51 浏览: 69
bootstrap表格
Bootstrap row 是 Bootstrap 框架中的一个布局组件,用于创建网格系统中的行。一个 row 可以包含多个 column,每个 column 中的内容会根据列数自动进行布局调整。下面是一个 row 的基本用法示例:
```html
<div class="container">
<div class="row">
<div class="col-md-4">Column 1</div>
<div class="col-md-4">Column 2</div>
<div class="col-md-4">Column 3</div>
</div>
</div>
```
在这个示例中,我们创建了一个包含三列的 row,每个 column 的宽度都是 4 个网格单元(3 列总共占据 12 个网格单元)。在不同屏幕大小下,这些 column 的大小和排列方式会自动进行调整,以适应不同的设备和屏幕尺寸。
除了设置列的宽度,row 还支持其他的布局属性,例如对齐方式、垂直居中等。你可以在 Bootstrap 官方文档中查找更多关于 row 的详细用法和属性。
阅读全文