Форма обратной связи в модальном окне
577
26 ноября 2016, 19:50
Здравствуйте, есть форма обратной связи, которая отображается при размере экрана больше 480px. На мобильных устройствах (размер экранов которых меньше чем 480px) вместо этой формы появляется кнопка при нажатии на которую должна появляться эта же форма для заказа. Подскажете как реализовать? Использую бутстрап и jQuery
Answer 1
В bootstrap нет классов, которые могут изменять контент при разрешении именно в 480px. Поэтому нужно сделать их самому. Сделайте 2 блока, один с кнопкой, другой с формой связи и показывайте их в зависимости от разрешения экрана:
.x-small-show{
display:none;
}
@media (max-width:480px){
.x-small-show{
display:block;
}
.x-small-hide{
display:none;
}
}<div class='x-small-hide'>Форма связи</div>
<div class='x-small-show'>Кнопка вызова формы связи</div>
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
-
20:52
-
11:43
-
07:54
Какие существуют виды рекламных бордов и как выбрать подходящий?
-
20:34
-
05:36
-
21:11
-
14:43
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47462 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30460 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23548 visits
- Как через css изменить цвет png изображения? 10306 visits
- Blob video url download 9929 visits
- Php curl запрос через прокси с авторизацией 9178 visits
- Работа с captcha vk api 8063 visits
© "hostciti.net" 02.10.2024 | 09:39