引导表小 - HTML

HTML 是网络编程的基础语言，Bootstrap 是一种开源 JavaScript 库，用于设计和构建响应式和移动设备优先的网站。

引导表小是 Bootstrap CSS 的一个 lightweight 版本，通过移除许多不常用的功能，来提供更小，更快的 CSS。

特点

• 轻量级： 引导表小的文件大小小于10KB，比标准 Bootstrap 小得多，并且加载速度更快。
• 响应式： 引导表小具有与 Bootstrap 相同的强大的响应式网格系统，可以创建完美的布局。
• 易于使用： 引导表小的类命名方式与 Bootstrap 相同，易于学习和使用

安装

可以从官方网站下载引导表小的 CSS 和 JavaScript 文件。

或者，您可以使用 npm 将引导表小添加到您的项目中：

npm install bootstrap-table-sm

或者，您可以在 HTML 中引用 Bootstrap Table Small 的链接来使用它：

<link rel="stylesheet" href="https://unpkg.com/bootstrap-table-sm@latest/dist/bootstrap-table-sm.min.css">

使用

引导表小的用法与 Bootstrap 一样，您只需要在 HTML 元素上添加带有以“.table-*”开头的类，即可获得不同的表格样式。

以下是一个基本的例子：

<table class="table table-sm">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <td>3</td>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

总结

引导表小是一个更瘦身的 CSS 库，它提供了 Bootstrap 所有必要的表格样式，并且具有更快的加载速度。它易于使用，是一个好的选择，如果您正在寻找一个响应式的表格样式库。