0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1794 Просмотров
*

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
CSS стиль только для col-xs?
« : 09.05.2016, 16:09:14 »
 !Всем дорого времени суток.
Как реализовать стиль только для col-xs?
Есть блок, обозвал его id="block1" и дал классы "col-xs-12 col-sm-3 col-md-3 col-lg-3 otstup".
Я думаю это просто, но я уже чёт устал и плохо соображаю,   !
« Последнее редактирование: 23.05.2016, 17:43:54 от deminevgen »
*

Biss

  • Давно я тут
  • 994
  • 101 / 0
Re: CSS стиль только для col-xs?
« Ответ #1 : 09.05.2016, 16:32:57 »
#block1 .col-xs-12 {}
*

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
Re: CSS стиль только для col-xs?
« Ответ #2 : 09.05.2016, 16:46:06 »
Нет. Он применяется таким образом для всех состояний, и на телефоне и на планшете и на пк. А нужно что бы только для телефона, тоесть для col-xs.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: CSS стиль только для col-xs?
« Ответ #3 : 09.05.2016, 16:49:05 »
Никак. Используйте media query.
*

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
Re: CSS стиль только для col-xs?
« Ответ #4 : 09.05.2016, 16:55:25 »
Никак. Используйте media query.
Ну раз никак, то проще будет спрятать блок, и выставить вместо него новый, с другими стилями...
Всем спасибо за идеи.
*

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
Re: CSS стиль только для col-xs?
« Ответ #5 : 09.05.2016, 17:10:55 »
Странно, создал ещё 1 блок и добавил ему стили <div class="col-xs-12 hidden-sm hidden-md hidden-lg otstup">
а первому <div class="hidden-xs col-sm-6 col-md-6 col-lg-6">.
И второй блок не хочет проявляться на мобильном((
Кто подскажет поч?
Или как использовать медиа квери? Подскажите статейку по моей теме.
« Последнее редактирование: 09.05.2016, 17:18:34 от deminevgen »
*

deminevgen

  • Захожу иногда
  • 115
  • 2 / 0
Re: CSS стиль только для col-xs?
« Ответ #6 : 09.05.2016, 17:15:45 »
Все разобрался... Кэш(((
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как отобразить текст только на мобильных, на Пк и планшетах скрыть?

Автор web1

Ответов: 6
Просмотров: 1696
Последний ответ 20.09.2022, 22:14:03
от darkghost
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1071
Последний ответ 20.07.2020, 11:18:44
от kuraev64
Нужен пример как присвоить свой стиль одному модулю

Автор nick71

Ответов: 21
Просмотров: 5265
Последний ответ 17.02.2018, 14:44:40
от cirip
Перенести стиль компонента в шаблон

Автор stparts

Ответов: 5
Просмотров: 1059
Последний ответ 07.02.2018, 14:01:10
от stparts
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 2307
Последний ответ 26.06.2017, 15:07:35
от Shustry