Изменение цвета текста Navbar React-Bootstrap с использованием webpack ⇐ CSS

[Anonymous]

Я пытаюсь настроить цвета Navbar React-Bootstrap.

Код: Выделить всё

var React = require('react');
var ReactDOM = require('react-dom');

import Navbar from 'react-bootstrap/lib/Navbar';
import Nav from 'react-bootstrap/lib/Nav';
import NavItem from 'react-bootstrap/lib/NavItem';
import Button from 'react-bootstrap/lib/Button';
import styles from './Navbar.css'

export default class NavigationBar extends React.Component {

render() {
return (


Thing 1
Thing 2


);
}
}
< /code>
И это мой файл переопределения CSS, navbar.css: < /p>
:local(.navbar) {
background:#2E5F91;
color:white !important;
}

:local(.navitem) {
color:white !important;
}

Цвет фона навигации меняется очень хорошо, но я не могу заставить цвет текста измениться, даже используя! ).[*]
Thing 1

< /code>
Похоже, что мой класс недостаточно глубоко. Как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/406 ... ng-webpack