为什么我的React Bootstrap CSS不起作用？

Question

我从字面上扔掉了我所有的代码，只是为了隔离问题并解决它，但是它没有用，css没有显示

（主文件） index.js

import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'

ReactDOM.render(<App />, document.getElementById('root'))

App.js

   import Table from 'react-bootstrap/Table'
import React, { Component } from 'react'

class App extends Component {
    render() {
        return (
            <Table striped bordered hover>
                <thead>
                    <tr>
                        <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>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Jacob</td>
                        <td>Thornton</td>
                        <td>@fat</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td colSpan="2">Larry the Bird</td>
                        <td>@twitter</td>
                    </tr>
                </tbody>
            </Table>
        )
    }
}
export default App

。 。 任何帮助表示赞赏，我只想在我的应用程序中使用bootstrap css

我的路径和文件夹：

Answer 1

在同一情况下，我要做的是安装普通的引导程序包并从您的sass文件中导入默认样式。

@import '../bootstrap/css/bootstrap.min.css';