Bootstrap Navbar breaks on Отзывчивая страница

Я преобразовал проект в отзывчивый, используя Bootstrap. Проект можно посмотреть на http://homareno.com/Bootstrap Navbar breaks on Отзывчивая страница

ответных nabvar перерывов на мобильного зрения на одной странице только: http://homareno.com/usa.php

На этой странице я должен использовать дополнительный файл CSS, предоставленный клиентом, который: http://homareno.com/ResponsiveSearchForm/default.css

Похоже, конфликт повторяется, поскольку класс nav был повторно использован, однако удаление или переименование класса в файле css прерывает форму поиска на странице.

источник

2015-04-17 user1661286

ваш default.css устанавливает среди других 'mainMenu ul {display: block! Important; } ', что делает ваше меню видимым всегда. Кроме того, структура html не имеет названия для меню (почему тоже отсутствует переключатель?) И т. Д. Использование '! Important' тоже не очень хорошо, см. Также https://css-tricks.com/when-using-important -is-заместитель правой кнопкой выбора / –

У меня есть несколько советов для вас:

Что title тег после header тег? Вы должны использовать title tag в теге <HEAD>.

В default.css:256 у вас есть это:

header, .resp-accordion { 
    display: none !important; 
}

Удалить display:none или изменения block.

В default.css:386 у вас есть эти коды:

.mainMenu ul { 
    display: block !important; 
    top: 0 !important; 
}

Удалить top и display атрибуты.

источник

2015-04-17 21:18:41 Chalist

Bootstrap Navbar breaks on Отзывчивая страница

ответ

Смежные вопросы