Как задать разные классы в bootstrap от размера страницы?

Question

[Владимир]

Доброго времени суток! Подскажите как сделать что бы в когда col-xs то меню было со своими стилями (например navbar-inverse navbar-fixed-top), а когда больше xs то свои стили.

Comments

[Ярослав Иванов]

wicky.nillia.ms/enquire.js

[Ярослав Иванов]

А в чем проблема добавить класс заранее к тегу и применять его только на определенном разрешении ?

Answer 1

[Сергей Шилов]

$(window).resize(function() { // если был изменен размер окна
    if($(window).width() < 768) { // создаем условие, что при ширине окна меньшем 768px
        $('.col-xs').addClass('new-style'); // даем классу col-xs новый класс new-style
    }
});

А вообще, не знаю зачем я это написал, ведь есть media quaries

Comments

[Максим Софронов]

при этом в else надо дописать чтобы класс new-style удалялся, чтобы при ресайзе меню не оставалось для мобильного. а так мысль верная.

[Владимир]

Спасибо Вам за решение!