如何使用自定义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')