Bootstrap 4 添加额外的表上下文类别名答案

【问题标题】：Bootstrap 4 add additional table contextual class aliasesBootstrap 4 添加额外的表上下文类别名
【发布时间】：2020-03-11 12:18:31
【问题描述】：

我想为 Bootstrap 4 contextual table classses添加别名

<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>

例如，

table-size-xs => table-primary
table-size-s => table-seconodary

有没有一种巧妙的方法可以做到这一点，还是我应该只使用定义每个类并设置背景颜色？

【问题讨论】：

table-size-xs 和 table-size-xs 是什么？你的意思是响应式表类：getbootstrap.com/docs/4.0/content/tables/#breakpoint-specific。如果您的意思是表大小，则唯一的 alt 大小是 table-sm。您添加了新课程吗？
它们是与 T 恤尺寸相关的类。不过，我可以看到这可能会令人困惑。

标签： sass bootstrap-4

【解决方案1】：

我只是单独添加了这些类，例如：

.table-size-xs {
     background-color: #123456;
}

.table-size-s {
     background-color: #654321;
}

【讨论】：