Как изменить цвет navbar в bootstrap?

Пользователь

от jeremy_larkin , в категории: HTML/CSS , год назад

Как изменить цвет navbar в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от caterina , год назад

@jeremy_larkin 

Чтобы изменить цвет navbar в Bootstrap, необходимо использовать CSS-стили. Например, вы можете добавить следующий код в ваш style.css файл:

1
2
3
.navbar {
  background-color: #your-color;
}


Здесь #your-color - это ваш цвет в HEX-формате или любой другой формат, поддерживаемый CSS.

Пользователь

от cayla , год назад

@jeremy_larkin 

Чтобы изменить цвет navbar в Bootstrap, вы можете использовать CSS переопределение. Например, чтобы изменить цвет navbar на синий, вы можете добавить следующий CSS код в свой файл стилей:

1
2
3
.navbar {
  background-color: blue;
}


Также вы можете использовать свой собственный класс и присвоить ему цвет вашей навигационной панели. Например:

1
2
3
<nav class="navbar navbar-expand-lg custom-navbar">
  ...
</nav>


1
2
3
.custom-navbar {
  background-color: blue;
}


Пользователь

от velma , год назад

@jeremy_larkin 

Вы можете изменить цвет navbar в Bootstrap, переопределяя стили CSS. Следующий код добавляет класс с пользовательскими стилями для изменения цвета navbar:

1
2
3
4
5
6
7
8
9
<style>
  .custom-navbar {
    background-color: #your-color;
  }
</style>

<nav class="navbar navbar-expand-lg custom-navbar">
  <!-- Navbar content here -->
</nav>


Замените #your-color на цвет вашего выбора в формате hexadecimal, RGB или именованной модели.