Гамбургер-меню Bootstrap не показывает панель значков, когда фон белый

Я использую загрузочную версию 3.3.7. Я настроил стили navbar, чтобы сделать фон белым, а текст черным, а также некоторые другие стили. Все работает, кроме гамбургер-меню не показывает icon-bar. Я пробовал явно установить стиль icon-bar

.my-navbar .navbar-header .navbar-toggle .icon-bar{
  color:black;
}

но все равно не работает. Я вижу icon-bar, когда наводю на него курсор. Но я не вижу этого, когда страница загружается

Вот JSFiddle

Что мне здесь не хватает?

Чтобы воспроизвести проблему и увидеть гамбургер-меню, обязательно уменьшите размер окна вывода.

twitter-bootstrap css twitter-bootstrap-3

09.04.2018 23:10

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

342

Ответы 3

Пытаться

.my-navbar .navbar-header .navbar-toggle .icon-bar{
background-color:black;
}

09.04.2018 23:28

Панели значков Bootstrap 3 используют цвет фона, а не цвет. Попробуйте изменить цвет фона вместо цвета.

.my-navbar .navbar-header .navbar-toggle .icon-bar{
  background-color:black;
}

09.04.2018 23:28

Я исправил это, добавив следующие

.my-navbar .navbar-header .navbar-toggle {
    background-color: black;
}

Рабочий JSFiddle

09.04.2018 23:33

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

CSS / JQuery Rotating Banners, запомните, на что щелкнули

Css выберите внутренний текст, а не дочерний

Затухание фона с обеих сторон (чистый HTML)

Применение селектора li: nth-child к общему количеству li без сброса с новыми ul

Пользовательские элементы CSS перезаписывают друг друга

Используйте одну и ту же анимацию для разных объектов одного класса

Запретить гибкому дочернему элементу растягивать родительский элемент

CSS-сетка и текст при наведении курсора

Переменная, вероятно, выходит за рамки

CSS - центрировать div внутри другого div (не вложенного)

Гамбургер-меню Bootstrap не показывает панель значков, когда фон белый

Ответы 3

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

Похожие вопросы