2016-09-14 3 views
1

Так что у меня этот Navbar:внешний CSS-файл не может получить класс

<nav class="navbar navbar-default" style="background: black; margin-bottom: 0;"> 

И это работает прекрасно. Однако, когда я пытаюсь изменить стили во внешнем файле CSS вместо встроенного:

.navbar-default { 
background: black; 
margin-bottom: 0; 
} 

Они вообще не работают. Файл CSS работает отлично с тех пор, как я проверил, и изменения bg меняются. У меня проблема только с navbar и не могу понять. В соответствии с этим: Change navbar color in Twitter Bootstrap 3 Я делаю все хорошо. Это первый раз, когда я столкнулся с этой проблемой. Работа с бутстрапом, если кому-то интересно :)

Любые помощь ребята? Я не хочу использовать встроенный css.

+0

Не является ли обычная перезагрузка css переписывающей вашу? Попробуйте добавить! Важно или переключить файлы заказов загружаются –

+0

попробуйте использовать nav.navbar-default, чтобы быть более конкретным или даже если это не решает его, попробуйте использовать свойство с '! Important', например' background: black; ', но будьте осторожное использование важного будет ограничивать вас от изменения позже на –

ответ

1

Вы должны переопределить классы Bootstrap, используйте !important, чтобы заставить его работать

.navbar-default { 
    background: black !important; 
    margin-bottom: 0 !important; 
} 

Примечание: Если вы используете !important все другие правила, используемые в вашем CSS не может отменить эту декларацию.

0

Скорее всего, ваши стили переопределяются, поскольку эти стили устанавливаются в другом месте. C в css означает каскадирование. See the cascading order section of this page

Простой вариант - просто включить таблицу стилей после начальной загрузки.

Конечно, вы можете переопределить этот приоритет, добавив! Важно к концу ваших правил стиля, но это нарушает некоторые функциональные возможности CSS и может стать сложным в обслуживании.

+0

включил bootstrap css перед моим, и он исправил большинство проблем, спасибо! – BePatient

0

Я думаю, что по умолчанию загрузочный стиль navbar применяется, поэтому попробуйте !important перед стоимостью имущества.

.navbar-default { 
background: black !important; 
margin-bottom: 0 !important; 
} 
0

я столкнулся же проблема, и после поиска много я обнаружил, что, как navbar-default по умолчанию класс начальной загрузки и его не перегружать внешний CSS file.You может использовать !important свойство CSS, которое поможет вам загружать внешние css-файл, когда класс по умолчанию перегружен.

.navbar-default { 
    background: black !important; 
    margin-bottom: 0 !important; 
} 
Смежные вопросы