Почему мой 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

. , Любая помощь приветствуется, я просто хочу использовать загрузчик CSS в моем приложении

мой путь и папки:

Answer 1

В этом же случае я установил обычный пакет начальной загрузки и импортировал стили по умолчанию из вашего файла sass.

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