Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
MultyStepan
3 / 3 / 4
Регистрация: 08.02.2014
Сообщений: 213
1

Navbar не адаптируется

30.09.2016, 17:33. Просмотров 251. Ответов 0
Метки нет (Все метки)

Доброго времени суток.
У меня есть навбар от бутстрапа
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<nav class="navbar navbar-default navbar-fixed-top hidden-xs" role="navigation">
 
            <div class="container">
                    <div class="nav-left">
                        <img src="img/logo.png" alt="">
                    </div>
                    <div class="navigation-main">
                        <div class="call-us">
                            <p class="call-number">Call Us Today! 416-484-4884</p>
                        </div>
                        <ul class="nav-menu">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Products</a></li>
                            <li><a href="#">Gallery</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">Our Specials</a></li>
                        </ul>
                </div>
            </div>
          </nav>
При разрешение екрана 750px, хочу его скрыть и вывести кнопочку с dropdown.
Суть вопроса в том, как убрать навбар, в режими устройства?
Вот мой медиа запрос.
CSS
1
2
3
4
5
6
7
8
@media (max-width: 749px){
nav{
  display: none;
}
  .navbar, .navbar-default, .navbar-fixed-top{
    display: none  !important;
}
}
В обычном режиме если уменьшить окно браузера то все работает. А если в режиме устройства или responsive, то нет
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.09.2016, 17:33
Ответы с готовыми решениями:

Почему адаптируется текст
Не понимаю почему адаптируется текст при уменьшении экрана в хтмл(подключил...

Не адаптируется slick slider
Не могу понять как сделать адаптивным slick. Настройки: ...

Сайт не адаптируется под экраны на мобильных устройствах
Добрый день. Помогите пожалуйста решить вопрос: на сайте используется...

Позиционирование navbar
Возникли сложности,при реализация на-бара на сайте,на сайте присутствует меню и...

Сверстать navbar
Привет. Подскажите как сверстать активный пункт меню. Речь идет о простой...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.09.2016, 17:33

Bootstrap navbar
Всем ку! (колокольчиком в носу позвенел). Столкнулся с такой проблемой. Не...

Bootstrap navbar-collapse
как изменить значение с какого разрешения будет происходить navbar-collapse? ...

Фиксированный navbar в bootstrap
как сделать .navbar со свойством position: fixed, чтоб контент размещался...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru