Bảng Bootstrap 3 không hoạt động đúng với Meteor

Các bảng Bootstrap không hiển thị như chúng được cho là khi tôi sử dụng chúng với Meteor. table-striped không hoạt động và phần đệm bị tắt.Bảng Bootstrap 3 không hoạt động đúng với Meteor

Tôi đã thử sử dụng gói bootstrap-3 cũng như ứng dụng sao băng cơ bản với css được liên kết với CDN.

Có ai biết điều gì đang xảy ra không?

enter image description here

Đây là thiên thạch 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>

Nguồn

2014-05-06 mphuie

Dường như vấn đề có cái gì để làm với các thiếu ' 'phần tử thường được trình duyệt tự động thêm vào. Thú vị - tôi đã gặp phải vấn đề tương tự hôm nay. – stubailo

Bạn cần phải quấn nội dung bảng với <tbody>:

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

Nguồn

2014-05-07 04:30:28

Big, Cảm ơn bạn! – DonFabiolas

Bảng Bootstrap 3 không hoạt động đúng với Meteor

Trả lời

Các vấn đề liên quan