我无法使用table-stripe类来使用我的Bootstrap框架。
这是我桌子的实时预览。我在HTML中设置了.table-striped类,但它没有在输出中显示。
我做错了什么?
答案 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