javascript - 如何解决 react bootstrap css 与自定义 css 冲突

Question

我正在使用ReactJS，我遇到了一个问题，即我在react文件中添加react-boostrapCDN或将此链接添加到Boostrap 会自动禁用我为 Web 应用程序构建的所有 css 的使用。public/index.html import 'bootstrap/dist/css/bootstrap.min.css';index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
// REACT-BOOTSTRAP
import 'bootstrap/dist/css/bootstrap.min.css';

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

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint...
reportWebVitals();

我试图通过导入之后或任何自定义css来修复它index.js或我想使用的任何页面，但它似乎没有解决冲突，是否有我不知道的解决方案？import 'bootstrap/dist/css/bootstrap.min.css'import './index.css';

标签： javascripthtmlcssreactjstwitter-bootstrap