Geek Answers Handbook

Bootstrap 3 backgrounds do not work properly with Meteor

Bootstrap tables do not display as they are intended when I use them with Meteor. table-striped does not work, and indents are disabled.

I tried using the bootstrap-3 package as well as the base meteor application with css related to CDN.

Does anyone know what is going on?

enter image description here

Here is the 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>
+8
twitter bootstrap meteor
source share
1 answer

You need to wrap the contents of the table with <tbody> :

 <table class="table table-striped"> <tbody> <tr> ... </tr> </tbody> </table>
+18
source share

More articles:


All Articles