2014-09-20 4 views
-1

Я работаю с Twitter Bootstrap 3.2.0, и мне нужно изменить цвет «navbar» от основного черного до другого цвета. Я пробовал все, и я не могу заставить его менять CSS.Как установить цвет Twitter Bootstrap 3 navbar

Я получил его, чтобы он работал должным образом в надстройке, которая вызывает CDN, но мне нужно самому управлять ею в CSS.

Я правильно загрузил загрузочные файлы в правильном порядке.

Есть ли у кого-нибудь метод, который позволит мне изменить это - либо с помощью таблицы стилей, либо в командной строке.

Спасибо большое!

+0

Мне очень жаль, что кто-то почувствовал необходимость, чтобы оценить этот вопрос отрицательно. Как оказалось, на моих образцовых страницах был назван файл bootstrap-theme.min.css, который фактически отрицал все настройки моего навигатора, даже если он был помещен перед моими настройками на навигационной панели. Когда это было удалено ВСЕ работает! Да, я новичок. Просто так, как знают будущие читатели, я провел семь дней на этом, прежде чем задавать свой вопрос. –

+0

Мое исследование включало в себя множество сообщений здесь, в Stackoverflow, записи в блогах, сайты, специально обсуждающие BootStrap и многочисленные видеоролики youtube. Я пробовал ВСЕ, НИЧЕГО работал благодаря файлу, используемому в качестве примера на сайте getbootstrap.com - bootstrap-theme.min.css! –

+0

Я БОЛЬШЕ оцениваю должности двух людей, которые были готовы помочь, и в процессе я нашел причину проблемы, которую я испытывал! –

ответ

2

Пока вы используете Navbar по умолчанию, это так просто, как для целевой .navbar-default класса, как это:

.navbar-default { 
    background-color: #FC0; 
    border-color: #E7E7E7; 
} 

И onbiously вы можете играть с размерами экрана, использовать различные цвета, основанные на какой странице вам являются и так далее

Я сделал Bootply, чтобы показать вам

+0

Спасибо за пример кода! Я использовал класс navbar-inverse и, по-видимому, он не реагирует на настройки CSS по умолчанию на основе navbar! –

+0

он должен работать с навигационной инверсией – Devin

3

Просто зайдите сюда: http://getbootstrap.com/customize/ и настройте навигатор, затем загрузите настроенный Boostrap.

+0

Спасибо ОЧЕНЬ много - я буду использовать это в будущем, когда мы примем решение о цветах !!! –

Смежные вопросы