Bootstrap 是一个流行的前端框架,用于快速构建响应式网页。它提供了一系列的 CSS 样式和 JavaScript 插件,可以帮助开发者快速搭建现代化的网页。
栅格系统
Bootstrap 的栅格系统是其最重要的特性之一。通过栅格系统,开发者可以将页面划分为12列,方便地布局网页内容。
---- ------------------ ---- ------------ ---- ---------------------------- ---- ---------------------------- ------ ------
在上面的示例中,.container
类用于包裹内容,并提供页面居中的效果。.row
类用于创建一行,.col-md-6
类用于创建两个等宽的列。
按钮
Bootstrap 提供了一系列预设的按钮样式,可以让开发者快速创建漂亮的按钮。
------- ------------- ---------- -------------------------- ------- ------------- ---------- --------------------------
在上面的示例中,.btn
类用于定义按钮样式,.btn-primary
类用于定义主要按钮样式,.btn-default
类用于定义默认按钮样式。
表格
Bootstrap 还提供了一些样式,可以让表格看起来更加美观。
------ -------------- ------- ---- ----------- ----------- ----- -------- ------- ---- ------------- ------------- ----- ---- ------------- ------------- ----- -------- --------
在上面的示例中,.table
类用于定义表格样式,<thead>
元素用于定义表格头部,<tbody>
元素用于定义表格主体。
这只是 Bootstrap 的一部分功能,更多内容可以查看官方文档。