Как изменить клас через медиазапрос?

59
26 ноября 2016, 09:16

В бутстрапе есть встроенный класс для вертикального и горизонтального расположения группы кнопок, нужно сделать в мобильном виде кнопки в вертикальном расположении, а в десктопном виде - горизонтальные. Вышел из положения создав блоки которые скрываются в определенном расширении через классы hidden:

    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 hidden-md hidden-lg" style="text-align: right; float:right">
    <div class="btn-group-vertical navbar-fixed-right header-menu">
    ...
    </div></div>
    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8  hidden-sm hidden-xs" style="text-align: right; float:right">
    <div class="btn-group navbar-fixed-right header-menu">
    ...
    </div></div>

Можно ли сделать тоже самое через медиазапросы в css? Т.е изменить класс элемента в css при определенном разширении экрана что бы не плодить кучу лишнего кода?

READ ALSO
Как правильно поставить превдокласс

Как правильно поставить превдокласс

Селектор должен работать по логики вещей, этот селектор гласит: применять li относящегося ко всем UL кроме того что с классомq77

50
Переход на flexbox

Переход на flexbox

Делаю теги для сайтаРаньше использовал display: inline-block

61
div Блок имеет свой контент, но его высота 0

div Блок имеет свой контент, но его высота 0

Доброго дня! Столкнулся с такой проблемойИмеется блок для слайдера, он имеет контент, но его высота все равно равна нулю, если не задать ее фиксированно,...

45
Ожидание загрузки картинки [дубликат]

Ожидание загрузки картинки [дубликат]

На данный вопрос уже ответили:

67