Question

我有一个条码表，编码如下：

<table class="table-sm table-hover table-striped">
            <thead>
                <tr>
                    <th>#</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                   ...
            </tbody>
        </table>

我使用的是最新的Bootstrap 4测试版。我想改变Bootstrap使用的交替颜色＆＃34; stripe＆＃34;行。我在文档中找不到任何内容。根据Stack Overflow上四年的帖子，我可以添加自己的css文件。但是，如果可能的话，我只想使用bootstrap类来执行此操作。

感谢您的帮助，马克

Answer 1

如果您检查演示页Bootstrap v4 tables上的元素，您会发现它们的目标是Bootstrap .table-striped类。具体来说，是奇数行。这是一个应该帮助JSfiddle的演示。

.table-striped tbody tr:nth-of-type(odd) {
    background-color: red;
}

Answer 2

您忘记将bootstrap CSS类放入您的元素写入{{1}}应该有用，或者您可能没有包含{{1}}正确

Bootstrap 4 beta（最新版本）更改条纹表的颜色

2 个答案: