Question

刚刚从getboostrap.com（direct link）下载了Bootstrap，然后正确包含 bootstrap.min.css，bootstrap-theme.min.css和bootstrap.min.js到我的文档中。

我成功地设置了表单，现在我想在表格中添加“斑马条纹”类。但没有任何反应，表中的TR和TD元素不会将类应用于它们。我搜索了3个文件中的“zebra-striped”（2个CSS和1个JS），它不存在。

版本问题？或者我应该安装一些Bootstrap插件吗？

Answer 1

你好这是剥离表的正确类

<table class="table table-striped">
  ...
</table>

Answer 2

<!DOCTYPE html>   
<html lang="en">   
<head>   
<meta charset="utf-8">   
<title>Example of Zebra Table with twitter bootstrap</title>   
<meta name="description" content="Creating a Zebra table with Twitter           Bootstrap. Learn with example of a Zebra Table with Twitter Bootstrap.">  
<link href="/twitter-bootstrap/twitter-bootstrap-  v2/docs/assets/css/bootstrap.css" rel="stylesheet">   
</head>  
<body>  
<table class="table table-striped">  
    <thead>  
      <tr>  
        <th>Student-ID</th>  
        <th>First Name</th>  
        <th>Last Name</th>  
        <th>Grade</th>  
      </tr>  
    </thead>  
    <tbody>  
      <tr>  
        <td>001</td>  
        <td>Rammohan </td>  
        <td>Reddy</td>  
        <td>A+</td>  
      </tr>  
      <tr>  
        <td>002</td>  
        <td>Smita</td>  
        <td>Pallod</td>  
        <td>A</td>  
      </tr>  
      <tr>  
        <td>003</td>  
        <td>Rabindranath</td>  
        <td>Sen</td>  
        <td>A+</td>  
      </tr>  
    </tbody>  
  </table>

- 请参阅：http://www.w3resource.com/twitter-bootstrap/tables-tutorial.php#sthash.NQn0cWnr.dpuf

Answer 3

如果它对某人有帮助，由于自举样式和角度材料设计之间的冲突，条纹没有显示给我。因此，如果你正在做的一切正确，请寻找可能的风格冲突。

Bootstrap“zebra-stripe”表类不起作用

3 个答案: