引导响应列冲突

Question

我有一个我提供的 div col-xl-21 col-lg-20 col-md-20 offset-sm-0 offset-lg-2 offset-xl-2 offset-md-3 类。现在的问题是 xl 不断超越 md 样式。我的代码中是否缺少某些内容？

 <div className="col-xl-21 col-lg-20 col-md-20 offset-sm-0 offset-lg-2 offset-xl-2 offset-md-3">{renderTable()}</div>

在中等桌面屏幕上，它应该使用md 样式。同理，lg 用于大屏幕，xl 用于超大屏幕。

Answer 1

引导程序中允许的最大col-**-** 是col-**-12。以下是断点。
超越col-**-12 没有任何意义

.col-xs- <768px Extra small
.col-sm- >=768px Small
.col-md- >=992px Medium
.col-lg- >=1200px Large

Reference