Reactjs React boostrap表的响应不工作

我在我的网站上添加了一个react boostrap表组件，如下所示。但它没有响应

import {Table,Container, Button ,Jumbotron} from 'react-bootstrap'
<div >
    <Table responsive striped bordered hover variant="dark" >
            <thead>
                <tr>
                    <th>#</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Username</th>
                    <th>#</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Username</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Mark</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>1</td>
                    <td>Mark</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                </tr>


            </tbody>
        </Table>

从'react bootstrap'导入{Table，Container，Button，Jumbotron}
#
名字
姓
用户名
#
名字
姓
用户名
1.
做记号
奥托
@mdo
1.
做记号
奥托
@mdo

它的原始外观如下所示。

但是当我减小屏幕大小时，它看起来如下所示（标题不显示，其他细节被叠加）。

---

有人能告诉我我的代码的问题吗？

试着从html文件中的CDN链接他们的css文件

<link rel="stylesheet" href="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table.min.css">

这是我检查元素时的样子。似乎应用了响应类。但它在网站中不起作用。请确保html文件中也链接了正常引导。