无法获得.table-striped类的工作

我无法让我的表条带类与我的Bootstrap框架一起工作。无法获得.table-striped类的工作

这里是我的表的实时预览。我在HTML中设置了.table-striped类，但它不显示在输出中。

我在做什么错？

来源

2013-05-26 redshift

不知道你的意思，我看叶柄？ – 2013-05-26 13:46:48

这是因为我弄明白了:)谢谢！ – redshift

+10

为了将来的参考，最好是发布代码示例，而不是链接到可能在未来发生变化的活动网站，这使得这个问题对其他用户不太有用。 – StuartQ

您的网址有误。你有一个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。一个就足够了。

来源

2013-05-26 13:46:59 mathieugagne

谢谢工作。谢谢！ – redshift

问题在于你的表格标记。您将每行都用tbody标签包装，并根据bootstrap文档：

向通过：nth-child CSS选择器（不适用于IE7-8）中的任何表格行添加斑马条纹。

所以，如果你通过并删除所有的tbody标签，以便在表体的开始处只有一个标签，并且一个在最后，它应该按预期工作。

来源

2013-05-26 13:46:49 Kristy

只是一个额外的信息，该NG重复应该是：

<tr> inside <tbody>:

<table class="table table-striped"> 
    <thead> 
     <tr> 
      <th class="col-md-1"></th> 
      <th class="col-md-5"></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="v1 in v"> 
      <td><span class="glyphicon glyphicon-trash"/></td> 
      <td>{{v1.name}}</td> 
     </tr> 
    </tbody> 
</table>

来源

2017-02-24 13:32:06 Lanlan82

无法获得.table-striped类的工作

回答

相关问题