Css 引导响应列冲突

我有一个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>

{renderTable（）}

---

在中等桌面屏幕上，它应该使用

md

样式。同样，对于大屏幕使用

lg

，对于超大屏幕使用

xl

。

引导中允许的最大

col-***-***

为

col-***-12

。以下是断点。
Beyond

col-**-12

没有任何意义

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

.col xs-=768px小
.col md->=992px介质
.col lg->=1200px大