2016-12-19 5 views
-1

Я новичок в бутстрапе и пытаюсь создать веб-страницу с отзывчивым навигатором. Все работает так, как я хочу, просто навигационная панель становится прозрачной, когда экран становится достаточно маленьким, чтобы он стал сворачиваемым списком. Я искал инспектора Chrome безрезультатно, и попробовал все, что мог придумать. У кого-нибудь есть идея?Bootstrap Navbar становится прозрачным на маленьком экране

+1

Вам нужно будет отредактировать свой вопрос с включенным кодом, иначе это будет хлопот, чтобы разобраться. Пожалуйста, укажите минимальный код для демонстрации проблемы, если это возможно. – Goose

+1

Хорошо, я сделаю это. Это может занять некоторое время, чтобы понять, хотя. Спасибо за совет! – Gasp0de

ответ

1

Добавить эту строку в CSS:

.navbar{ 
    z-index: 2; 
} 

Th вопрос исходит из того, что содержимое строки создается после навигации (и поэтому перед ним), но вы расширения навигации на клик , Чтобы предотвратить это, вам просто нужно предоставить больший z-индекс вашему навигатору, чем вашему контенту (по умолчанию это 1).

+0

Большое вам спасибо. Я экспериментировал с z-index, должно быть, сделал что-то неправильно ... Я использовал его только в хромовом инспекторе. – Gasp0de

+0

Это распространенная проблема с навигационными тегами, которые расширяются над содержимым страницы или фиксированными навигаторами. Всегда помните, чтобы зарегистрироваться с логическим порядком размещения ваших тегов. Получайте удовольствие от вашего сайта! – Faegy