Ребята привет! Вот здесь находится слайдер http://qwertycomp.ru...тнера_-_пралине
Как сделать на bootstrap чтобы этот слайдер работал так, чтобы на нормальном экране он отражался, как есть, а на мобильных - сначала отображалась картинка, а у же со следующей строчки вся остальная информация с кнопкой. Т.е вот весь текст, кнопка, всё что в нормальном режиме выводится поверх каринки, должно выводиться под картинкой на мобильных устройствах. Но при этом, если нажали на слайдере, чтобы выбрался новый слайд, то эта инфа и кнопка должны соответственно тоже перелистнуться. Уже всю голову сломал, но не могу сделать... Подскажите пожалуйста, как это реализовать, может кто код скинет подобного или же ссылку где можно почитать об этом...
- 17.02.2016 19:12
- Регистрация: 01.03.2013
- Сообщений: 8
- Репутация: 2
- 17.02.2016 19:41
elarkov, ну используйте медиа - в чём проблемы то?
Допустим, на экран 250 px - 400px:
@media (min-width: 250px) and (max-width: 400px) {
.text-na-slaydere, .knopka-na-slaydere { padding-top: 100px; margin-top: 100px}
}
Думаю суть понятна. Если конкретно надо - давайте на реальном примере покажу, на вашем... а так - хз чё надо вам - 17.02.2016 19:54
Не открывается ваш слайдер)
- 18.02.2016 11:04
- Регистрация: 01.03.2013
- Сообщений: 8
- Репутация: 2
Gann,Спасибо большое! Вы мне помогли!
Спасибо сказали:
Gann(18.02.2016),
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Адаптивный дизайн и рекламные блоки | Web программирование | 4 | 11.02.2016 23:45 |
Адаптивный дизайн | Вопросы от новичков | 4 | 11.01.2016 22:32 |
Адаптивный видеоплеер на HTML5 | WordPress | 3 | 09.02.2015 23:42 |
Адаптивный баннер | Web дизайн | 8 | 14.07.2014 21:45 |
Адаптивный дизайн. Адаптивный словарь | Web программирование | 5 | 28.02.2013 16:20 |