Bootstrap 3 之 Bootstrap 代码

Bootstrap 是一个流行的前端框架，用于快速构建响应式网页。它提供了一系列的 CSS 样式和 JavaScript 插件，可以帮助开发者快速搭建现代化的网页。

栅格系统

Bootstrap 的栅格系统是其最重要的特性之一。通过栅格系统，开发者可以将页面划分为12列，方便地布局网页内容。

<div class="container">
    <div class="row">
        <div class="col-md-6">第一列内容</div>
        <div class="col-md-6">第二列内容</div>
    </div>
</div>

在上面的示例中，.container 类用于包裹内容，并提供页面居中的效果。.row 类用于创建一行，.col-md-6 类用于创建两个等宽的列。

按钮

Bootstrap 提供了一系列预设的按钮样式，可以让开发者快速创建漂亮的按钮。

<button type="button" class="btn btn-primary">主要按钮</button>
<button type="button" class="btn btn-default">默认按钮</button>

在上面的示例中，.btn 类用于定义按钮样式，.btn-primary 类用于定义主要按钮样式，.btn-default 类用于定义默认按钮样式。

表格

Bootstrap 还提供了一些样式，可以让表格看起来更加美观。

-- -------------------- ---- -------
------ --------------
    -------
        ----
            -----------
            -----------
        -----
    --------
    -------
        ----
            -------------
            -------------
        -----
        ----
            -------------
            -------------
        -----
    --------
--------

在上面的示例中，.table 类用于定义表格样式，<thead> 元素用于定义表格头部，<tbody> 元素用于定义表格主体。

这只是 Bootstrap 的一部分功能，更多内容可以查看官方文档。