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

来源:互联网 发布:java web开发实战经典 编辑:程序博客网 时间:2024/06/05 03:16

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文档中,然后使用我们自己定义的类就可以解决问题

1 0