Html 如何使用引导为单元格着色？

我有一个Flask应用程序，它从用户那里获取大量输入，对其进行处理并生成一个值表/矩阵

我想用不同单元格的不同颜色向用户显示此表。在表格生成时，我知道我希望单元格是什么颜色

---

我正在使用Bootstrap4。这可以通过引导实现吗？任何指向正确方向的指针都将非常受欢迎。

在Bootstrap 4中，您可以通过向元素添加bg类为表行添加颜色，如

... ... ... 看一看详细的解释是什么

可以在表行中使用class属性来获得所需的颜色

<table class="table">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <tr class="active">
            <td>ABC</td>
            <td>10</td>
        </tr>
        <tr class="danger">
            <td>DEF</td>
            <td>20</td>
        </tr>
        <tr class="info">
            <td>GHI</td>
            <td>30</td>
        </tr>
        <tr class="success">
            <td>JKL</td>
            <td>40</td>
        </tr>
        <tr class="warning">
            <td>MNO</td>
            <td>50</td>
        </tr>
    </tbody>
</table>

这是在单元格上添加颜色的方法

表色 名字 姓氏 电子邮件 违约 Defaultson def@somemail.com 主要的，重要的 乔 joe@example.com 成功 雌鹿 john@example.com 危险 教育部 mary@example.com 信息 杜利 july@example.com 警告 裁判 bo@example.com 忙碌的 阿维森 act@example.com 次要的 次子 sec@example.com 光 安吉 angie@example.com 黑暗的 博 bo@example.com