无法获得.table-striped类

时间:2013-05-26 13:39:53

标签: twitter-bootstrap

我无法使用table-stripe类来使用我的Bootstrap框架。

这是我桌子的实时预览。我在HTML中设置了.table-striped类,但它没有在输出中显示。

我做错了什么?

3 个答案:

答案 0 :(得分:26)

你的HTML错了。每行都有一个tbody标记,但.table-striped的css依赖于tr:nth-child()来对行进行不同的样式设置:

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th

修复你的html,以便你有一个tbody来迭代。

另外,我在你的资源中看到了bootstrap.css和bootstrap.min.css。一个就够了。

答案 1 :(得分:2)

问题在于您的表格标记。根据引导程序文档,您将每行包装在tbody标记中:

  

将zebra-striping添加到via:nth-​​child CSS选择器中的任何表行(IE7-8中不可用)。

因此,如果您浏览并删除所有tbody标记,以便在表体的开头只有一个,最后一个,它应该按预期工作。

答案 2 :(得分:0)

只是一个额外的信息,ng-repeat应该在:

navigation controller
second view controller