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

81 阅读 0 评论 54 点赞

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

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

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

background-color:#f9f9f9;

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

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

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

background-color: #cbc8c7;

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

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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