我有一个我提供的 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。
最佳答案
bootstrap 中允许的最大 col-**-** 是 col-**-12。以下是断点。
超出 col-**-12 没有任何意义
.col-xs- <768px Extra small
.col-sm- >=768px Small
.col-md- >=992px Medium
.col-lg- >=1200px Large
关于css - Bootstrap 响应列冲突，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57158378/