将 Bootstrap 的栅格系统从默认的 12 列更改为 24 列

在 Bootstrap 的默认栅格系统中，类 col-3 表示该列占据 12 列中的 3 列，即 3/12。但是，如果你将栅格系统改为 24 列后，col-3 就会表示 24 列中的 3 列，即 3/24。

具体来说，如果你已经将 Bootstrap 的栅格系统从 12 列更改为 24 列，那么：

• col-3 将表示 3/24
• col-6 将表示 6/24
• col-12 将表示 12/24
• col-24 将表示 24/24

所以，在 24 列的栅格系统中，col-3 代表的是 3/24 的宽度。你可以按以下方式使用这些列：

<div class="container">
  <div class="row">
    <div class="col-3">3 / 24</div>
    <div class="col-21">21 / 24</div>
  </div>
</div>

在这个例子中，第一个 <div> 占据了 3 列，第二个 <div> 占据了 21 列，总共加起来是 24 列，正好占满一行。