bootstrap v3.3.6 版本.table-striped不起作用的问题

119 阅读 0 评论 79 点赞

我是靠谱客的博主正直哑铃，这篇文章主要介绍bootstrap v3.3.6 版本.table-striped不起作用的问题，现在分享给大家，希望可以做个参考。

v3.3.6 版本.table-striped不起作用的问题，想必你可能是发现了，表格样式.table-striped样式，使用后你会奇怪地发现怎么没有变化呢？
其实不是这样子的，其实它是起作用的，只是颜色值非常非常的接近白色而已。
我们在bootstrap.css源码中可以看到：

复制代码

1
2
3
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}

复制代码

1
background-color:#f9f9f9;

它是一个非常接近白色的颜色值

我们只需要做的事情就是新建一个自己定义的样式文件在文件中定义如下：

复制代码

1
2
3
.table-striped-warner > tbody > tr:nth-of-type(odd) {
background-color: #cbc8c7;
}

复制代码

1
background-color: #cbc8c7;

对于这个颜色值，你可以按照自己的意愿定义即可

然后就是将自己定义的CSS样式文件引入到html文档中，然后使用我们自己定义的类就可以解决问题

以上就是正直哑铃最近收集整理的关于bootstrap v3.3.6 版本.table-striped不起作用的问题的全部内容，更多相关bootstrap内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。