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