Ребята привет! Вот здесь находится слайдер http://qwertycomp.ru...тнера_-_пралине
Как сделать на bootstrap чтобы этот слайдер работал так, чтобы на нормальном экране он отражался, как есть, а на мобильных - сначала отображалась картинка, а у же со следующей строчки вся остальная информация с кнопкой. Т.е вот весь текст, кнопка, всё что в нормальном режиме выводится поверх каринки, должно выводиться под картинкой на мобильных устройствах. Но при этом, если нажали на слайдере, чтобы выбрался новый слайд, то эта инфа и кнопка должны соответственно тоже перелистнуться. Уже всю голову сломал, но не могу сделать... Подскажите пожалуйста, как это реализовать, может кто код скинет подобного или же ссылку где можно почитать об этом...
- 17.02.2016 18:12
- Регистрация: 01.03.2013
- Сообщений: 8
- Репутация: 2
- 17.02.2016 18: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 18:54
Не открывается ваш слайдер)
- 18.02.2016 10:04
- Регистрация: 01.03.2013
- Сообщений: 8
- Репутация: 2
Gann,Спасибо большое! Вы мне помогли!
Спасибо сказали:
Gann(18.02.2016),
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Адаптивный дизайн и рекламные блоки | Web программирование | 4 | 11.02.2016 22:45 |
Адаптивный дизайн | Вопросы от новичков | 4 | 11.01.2016 21:32 |
Адаптивный видеоплеер на HTML5 | WordPress | 3 | 09.02.2015 22:42 |
Адаптивный баннер | Web дизайн | 8 | 14.07.2014 21:45 |
Адаптивный дизайн. Адаптивный словарь | Web программирование | 5 | 28.02.2013 15:20 |