当我将它与Meteor一起使用时,Bootstrap表不会显示它们应该显示的内容。 table-striped
不起作用且填充已关闭。
我尝试过使用bootstrap-3软件包以及基本流星应用程序,其中css链接到CDN。
有谁知道发生了什么事?
这是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>
答案 0 :(得分:18)
您需要使用<tbody>
包装表格内容:
<table class="table table-striped">
<tbody>
<tr>
...
</tr>
</tbody>
</table>