2

我有以下带有斑马条纹的 twitter 引导表：

<table class="table table-striped">  
        <thead>  
          <tr>  
            <th>Advantage</th>  
            <th>Details</th>   
          </tr>  
        </thead>  
        <tbody>  
          <tr>  
            <td>aaaaa</td>  
            <td> bbbbb </td>   
          </tr>  
        <tr>
    <td>    ccccc</td><td> ddddd</td>
</tr>    

        </tbody>  
      </table>

问题是我看不到斑马条纹！这一切在我看来都是单调的。如何提高斑马条纹的对比度？

提前致谢，

账单

4

2 回答 2

14

对应的 CSS 是：

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

向您的样式表添加一个新规则，该规则会覆盖此背景颜色以使您更清楚。

于 2013-04-30T18:01:13.410 回答
4

如果您从它的.less文件构建 Bootstrap，请查看variables.css，特别是这一行（来自github）：

@tableBackgroundAccent:             #f9f9f9; // for striping

您还可以使用定制器。

至于更深的灰色，这个十六进制值可以工作：（#DBDBDB它是一种稍深的灰色，具有相同的红绿和蓝色平衡混合）

于 2013-04-30T18:03:01.193 回答