在ReactJS应用中安装了Bootstrap，但没有样式

Question

我是ReactJS的新手

我创建了一个名为页脚的子组件，还安装了Bootstrap软件包，但页脚未收到任何样式。

代码App.js-

import React, { Component }from 'react';
import './App.css';
import Header from './components/header';
import Footer from './components/footer';

class App extends Component {
    render() {
        return (
            <div>
                <Header />
                <Footer />
            </div>
        );
    }
}

export default App;

Footer.js在components文件夹下]

import React from 'react';

const Footer = () => {

    return (
        <footer className="page-footer font-small blue">
            <div className="footer-copyright text-center py-3">© 2019 Copyright:
                <a href="http://www.google.co.uk/">Test.com</a>
            </div>
        </footer>
    );
};

export default Footer;
index.js-

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import 'bootstrap/dist/css/bootstrap.min.css';

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

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
serviceWorker.register();
但是页脚中没有样式。

非常感谢您的帮助。

我是ReactJS的新手，我创建了一个名为footer的子组件，还安装了Bootstrap包，但脚注中没有任何样式。代码App.js-从'react'; ... >>

Answer 1

您的代码看起来不错。停止运行的代码，然后再次重新启动，它将起作用。首次安装引导程序需要从开始重新渲染。

Answer 2

嗯，问题是您没有正确导入引导程序，控制台中是否存在导入错误？

Answer 3

在您的app.css中，这样导入bootstrap.css