bootstrap列与列之间的间距默认是多少px

在 Bootstrap 中，列与列之间的间距是通过左右的 padding 值来实现的。默认情况下，列与列之间的间距为 30 像素（15 像素的左右 padding），这个间距可以通过修改 Bootstrap 的变量来自定义。你可以在自己的 CSS 文件中添加以下代码来自定义 Bootstrap 的间距变量：

/* 自定义 Bootstrap 间距变量 */
$grid-gutter-width: 20px; /* 将间距变量设为 20 像素 */

然后在 HTML 中使用 Bootstrap 的栅格系统时，列与列之间的间距就会变成你自定义的值了。注意，如果你想要在修改间距变量后生效，你需要重新编译 Bootstrap 的 Sass 文件。

相关问题

bootstrap 列间距

在 Bootstrap 中，可以使用 `gutter` 类来控制列之间的间距。默认情况下，列之间的间距是 30 像素。如果需要更改列之间的间距，可以使用 `.gutter-*` 类来设置不同的间距大小。例如，`.gutter-1` 表示列之间的间距为 10 像素，`.gutter-2` 表示列之间的间距为 20 像素，以此类推。同时，还可以使用 `.no-gutter` 类来去掉列之间的间距。例如，以下代码将设置列之间的间距为 20 像素：

<div class="row gutter-2">
  <div class="col-md-6">...</div>
  <div class="col-md-6">...</div>
</div>

bootstrap 隐藏列

要隐藏 Bootstrap 表格中的列，可以使用 Bootstrap 提供的 `d-none` 类，该类可以使元素不可见并占据空间。将该类添加到表格列的 `<th>` 和 `<td>` 元素中即可隐藏该列。

例如，如果要隐藏第二列，可以像这样添加 `d-none` 类：

<table class="table">
  <thead>
    <tr>
      <th scope="col">Column 1</th>
      <th scope="col" class="d-none">Column 2</th>
      <th scope="col">Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1, Column 1</td>
      <td class="d-none">Row 1, Column 2</td>
      <td>Row 1, Column 3</td>
    </tr>
    <tr>
      <td>Row 2, Column 1</td>
      <td class="d-none">Row 2, Column 2</td>
      <td>Row 2, Column 3</td>
    </tr>
  </tbody>
</table>

这样就可以将第二列隐藏起来，而其他列仍然可见。