Как настроить фон и цвет вкладок?

Я новичок с реагировать и реакция-бутстрап, и я хотел бы настроить фон вкладки, когда есть active и цвет текста вкладок, когда они не активны. Я попытался перезаписать стиль фона nav-style.active во внешнем файле CSS, но это не сработало.

Как настроить эти и другие атрибуты из реакция-бутстрап?

Вы использовали !important для перезаписи?

Baransel A. 25.02.2019 13:08

Нет, я не использовал !Важно. Я использовал его прямо сейчас и... Он работает!!! Большое спасибо @BaranselA.

José Carlos 25.02.2019 14:06
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
2
1 365
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Рабочий пример https://codesandbox.io/s/pz5l469m0?codemirror=1&fontsize=14

Добавление простого CSS будет работать

.nav-link.active {
    color: red !important;
    background-color: yellow !important;
}

Другие вопросы по теме