html - Bootstrap 自定义下载样式在网格系统上丢失

Question

我只想将 bootstrap 中唯一的网格系统包含到我的元素中，因为我已经从 this link 下载了 bootstrap 网格。 .但是该文件中缺少某些样式。

普通的 bootstrap.css

    .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

来自自定义 bootstrap.css 的样式

    .row {
  margin-right: -15px;
  margin-left: -15px;
}

如您所见，与 flex 相关的属性在自定义下载的 Bootstrap css 中丢失，但它仍在正常 Bootstrap 中。

Answer 1

如果您只想要仅 Bootstrap 4 网格，请使用此处的 bootstrap-grid.css:

http://getbootstrap.com/docs/4.1/getting-started/contents/#css-files

这包括网格、 flexbox 和显示实用程序，但不所有元素样式和实用程序，如边框、间距等。

---

不再有像 3.x 那样的官方 Bootstrap 定制工具。 .对于 4.x，您必须 use your own tooling ，或非官方定制器，例如 Themestr.app这将使您可以更改 500 多个 SASS 变量中的任何一个(警告:我构建了这个工具)。