css - 如何使用自定义 css 文件覆盖 react-bootstrap

Question

我用的是react-bootstrap，但是我想修改一些元素，所以我自己写了custom.css。但是它没有做任何更改(只有当我输入 !important 时，但是文件太大所以这不是一个好的选择)。

import {MenuItem, Nav, Navbar, NavBrand, NavDropdown, NavItem} from "react-bootstrap";
import {LinkContainer, MenuItemLink} from "react-router-bootstrap";
import '../assets/css/custom.css';

这就是我到目前为止所做的。

Answer 1

什么时候导入 Bootstrap CSS？我有一个成功使用 Bootstrap 和一些覆盖的应用程序，它在其 index.js 的顶部执行此操作:

require('bootstrap/dist/css/bootstrap.min.css')
require('./bootstrap-overrides.css')