CSS стиль только для col-xs?

  • 6 Ответов
  • 347 Просмотров

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

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

*

Оффлайн Biss

Re: CSS стиль только для col-xs?
« Ответ #1 : 09.05.2016, 18:32:57 »
#block1 .col-xs-12 {}

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

*

Оффлайн Shustry

  • *****
  • 6426
  • [+]736 / [-]3
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Re: CSS стиль только для col-xs?
« Ответ #3 : 09.05.2016, 18:49:05 »
Никак. Используйте media query.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

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

Re: CSS стиль только для col-xs?
« Ответ #5 : 09.05.2016, 19: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, 19:18:34 от deminevgen »

Re: CSS стиль только для col-xs?
« Ответ #6 : 09.05.2016, 19:15:45 »
Все разобрался... Кэш(((