Адаптивный дизайн меню с использованием Twitter Bootstrap

Я новичок в CSS и Media Queries для адаптивного дизайна, поэтому решил использовать загрузку Twitter.

Я использовал их адаптивные файлы, чтобы помочь мне, но у меня проблема с меню, как вы можете видеть здесь:

введите описание изображения здесь

Раскрывающиеся изображения из каждого раздела меню, похоже, не «подталкивают» другие варианты вниз. Сайт можно найти здесь.

Вот медиа-запрос к моему пользовательскому файлу css:

@media (min-width: 1200px) { 
    .container {width: 940px}

    #solutions{
        min-width: 1090px;
        position: absolute;
        left: -100px;
    }

    #services{
        min-width: 1090px;
        position: absolute;
        left: -190px;
    }


    #support{
        min-width: 840px;
        position: absolute;
        left: -276px;
    }
}

Вы можете мне помочь с меню? Мне нужно добавить собственный медиа-запрос?


css twitter-bootstrap media-queries
person Osukaa    schedule 05.02.2013    source источник
comment
он работает нормально ... я тестировал в инструментах разработчика mozilla ..   -  person Gopikrishna    schedule 05.02.2013
comment
а похоже на скриншот?   -  person Osukaa    schedule 05.02.2013
comment
Ваша живая версия работает нормально, но без разметки или CSS для просмотра невозможно определить, что не так с вашей локальной версией ... При этом опубликуйте свой код.   -  person Chad    schedule 05.02.2013
comment
Я обновил свой собственный CSS   -  person Osukaa    schedule 05.02.2013

Ответы (1)


arrow_upward
0
arrow_downward 

            #solutions{
                    min-width: 960px;
                    position: absolute;
                    left: -100px;
                    }

Попробуйте изменить эту форму ширины идентификатора 1090px на менее 960px

person Milind    schedule 05.02.2013