Bootstrap表条带在某些浏览器中不起作用

时间:2015-09-20 03:10:37

标签: css twitter-bootstrap

我正在使用Bootstrap的表条带属性处理一个奇怪的行为。出于某种原因,这些属性在我测试过的某些浏览器中不起作用。

我测试了下面的代码:

 <body>

    <div class="container">
       <table class="table table-striped">
         <thead>
                 <tr>
                     <th>Firstname</th>
                     <th>Lastname</th>
                     <th>Email</th>
                 </tr>
         </thead>
         <tbody>
                 <tr>
                     <td>John</td>
                     <td>Doe</td>
                     <td>john@example.com</td>
                 </tr>
                 <tr>
                     <td>Mary</td>
                     <td>Moe</td>
                     <td>mary@example.com</td>
                 </tr>
                 <tr>
                     <td>July</td>
                     <td>Dooley</td>
                     <td>july@example.com</td>
                 </tr>
              </tbody>
            </table>
        </div>

    </body>
</html>

此类代码无法在Chrome 43.0.23571.81,43.0.2357.132或Firefox 36.0中使用。 (其余的bootstrap属性运行良好)

我已在上述浏览器的其他版本中测试了此类代码,并且按预期工作。

出现这种行为的任何可能原因?

0 个答案:

没有答案