在引导程序中使用行类名

Question

我想使用bootstrap到一个已经有.row CSS类的网站。

我是否必须在所有css文件中更改.row类的名称？或者我可以“告诉”引导程序使用另一个类名吗？

Answer 1

Bootstrap行有这样的样式：

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

您可以使用此样式设置所有.row块，并确保在更改bootstarp的行逻辑时没有冲突。

/* Your old row */
.content .main_section > .row {
    margin-right: -15px;
    margin-left: -15px;
}

但最好的解决方案 - 重命名旧行。

Answer 2

Bootstrap的.row类设置了最小的CSS属性......

Bootstrap 3：

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

Bootstrap 4：

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

因此，如果现有的.row类没有改变边缘（或者在Bootstrap 4中显示：flex），你应该可以保持原样。