Bootstrap定制下载样式在网格系统上丢失

时间:2019-03-01 05:54:59

标签: html css twitter-bootstrap bootstrap-4

我只想将引导程序中唯一的网格系统包含到我的项目中,因为我已经从this link下载了引导程序网格。但是该文件上缺少某些样式。

普通bootstrap.css

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

customs bootstrap.css中的样式

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

如您所见,自定义下载的引导CSS缺少与flex相关的属性,但仍在常规引导中。

1 个答案:

答案 0 :(得分:1)

如果只希望使用 Bootstrap 4网格,请从此处使用 bootstrap-grid.css

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

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


不再有像3.x那样的 official Bootstrap定制工具。对于4.x,您必须使用use your own tooling,或者使用非官方的定制程序,例如Themestr.app,该定制程序将允许您更改500多个SASS变量中的任何一个(注意:我构建了此工具)。