Бутстрап 4 цвета навигация

В Bootstrap 4, как мне изменить цвет фона на панели навигации? Код из twbscolor не работает. Я хочу сделать цвет фона другим цветом, а цвет шрифта белым.

 

    Обновление 2018 – Bootstrap v4.1

    Вот гораздо более простой способ изменить цвет фона навигатора.

    Просто используйте .navbar-dark вместо .navbar-light и добавьте свой собственный цветной class фона, например .bg-company-red

    .navbar-dark сделает все ваши ссылки белыми.

    HTML

      

    Стиль CSS …

     .bg-company-red { background-color: darkred; } 

    См. http://getbootstrap.com/docs/4.1/components/navbar/#color-schemes для официальной документации.

    Обновление 2018 года

    Bootstrap 4.0.0:

    Вот CSS, который изменит цвет Navbar в Bootstrap 4 …

     /* change the background color */ .navbar-custom { background-color: #ff5500; } /* change the brand and text color */ .navbar-custom .navbar-brand, .navbar-custom .navbar-text { color: rgba(255,255,255,.8); } /* change the link color */ .navbar-custom .navbar-nav .nav-link { color: rgba(255,255,255,.5); } /* change the color of active or hovered links */ .navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link { color: #ffffff; } 

    Демо: http://www.codeply.com/go/U9I2byZ3tS

    Помните также, что BS4 все еще находится в альфе, поэтому эти classы могут измениться. Кроме того, bg-danger в вашей разметке переопределит общий цвет фона.

    Обратите внимание на то, что NavStart Bootstrap 4 прозрачен по умолчанию. Используйте navbar-dark для темных / полужирных цветов фона и используйте navbar-light если навигационная панель светлее. Это повлияет на цвет текста и цвета значка toggler, как описано здесь .

    Если вы прочитаете документацию bootstrap 4, цветовые схемы , она ответит на ваши вопросы.

    Я понял. Это очень просто. Используя class bg, вы можете легко достичь этого. Позволь мне показать тебе:

       

    Это дает вам синий синий экран по умолчанию

    Если вы хотите изменить свой любимый цвет, просто используйте тег стиля в навигаторе:

      
    Давайте будем гением компьютера.