Форум русской поддержки Joomla!® CMS
03.12.2016, 17:46:21 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 194 раз)
0 Пользователей и 1 Гость смотрят эту тему.
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« : 09.05.2016, 17:09:14 »

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

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 659



« Ответ #1 : 09.05.2016, 17:32:57 »

#block1 .col-xs-12 {}
Записан
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« Ответ #2 : 09.05.2016, 17:46:06 »

Нет. Он применяется таким образом для всех состояний, и на телефоне и на планшете и на пк. А нужно что бы только для телефона, тоесть для col-xs.
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 09.05.2016, 17:49:05 »

Никак. Используйте media query.
Записан
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« Ответ #4 : 09.05.2016, 17:55:25 »

Никак. Используйте media query.
Ну раз никак, то проще будет спрятать блок, и выставить вместо него новый, с другими стилями...
Всем спасибо за идеи.
Записан
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« Ответ #5 : 09.05.2016, 18: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, 18:18:34 от deminevgen » Записан
deminevgen
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 117



« Ответ #6 : 09.05.2016, 18:15:45 »

Все разобрался... Кэш(((
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet