Bootstrap 3表格与Meteor无法正常工作

时间:2014-05-06 21:59:10

标签: twitter-bootstrap meteor

当我将它与Meteor一起使用时,Bootstrap表不会显示它们应该显示的内容。 table-striped不起作用且填充已关闭。

我尝试过使用bootstrap-3软件包以及基本流星应用程序,其中css链接到CDN。

有谁知道发生了什么事?

enter image description here

这是meteor html

<head>
  <title>test</title>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
    <div class="container">
    <h1>Hello World!</h1>
    <p>Default</p>
    <table class="table">
    <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
      <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
      <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
  </table>

    <p>Table-striped</p>
    <table class="table table-striped">
    <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
      <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
      <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
  </table>
    <p>Table-bordered</p>

    <table class="table table-bordered">
    <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
      <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
      <tr>
        <td>Test 1</td>
        <td>Test 2</td>
    </tr>
  </table>
  </div>
</template>

1 个答案:

答案 0 :(得分:18)

您需要使用<tbody>包装表格内容:

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