Bootstrap SASS 5列网格响应

Question

我制作了另一个col-x-5th色谱柱，宽度为20％：

.col-xl-5th {
  @include make-xl-column(2.4)
}
.col-lg-5th{
  @include make-lg-column(2.4)
}
.col-md-5th{
  @include make-md-column(2.4)
}
.col-sm-5th{
  @include make-sm-column(2.4)
}
.col-xs-5th {
  @include make-xs-column(2.4)
}

非常简单的东西。我的问题在于尝试使用它来制作响应式布局。将类似这样的类放在元素上：

col-xs-5th col-sm-4 col-md-3 col-lg-3 col-xl-2

使col-xs-5th完全覆盖任何视点上的所有内容（如果我在chrome代码检查中检查出来，则xs视口是第一个优先级，正确的是在它之后）。我很确定这是因为我在其他所有内容之后导入sass文件，但是如果我在网格系统之前导入它，它会被忽略，因为其他一切都会覆盖col-xs-5th而是专栏。

有谁知道如何实现这个目标？

Answer 1

你想要做的是创建自己的自定义断点，使用Bootstrap，它并不像你想象的那样简单。为此，您必须使用Bootstrap正确生成内容。 This article解释了如何创建自定义断点并查看example GitHub repo。