KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
www.Add.Az WEB MASTER PLATFORMA, FORUM
Пиратская ферма, заходи, новичок
Добро пожаловать
WorldByte - Наш хостинг - партнер

Топ дня: Сталин [БАН]

Тема закрыта by DELETED
Причина: .modal-sm поместить в див .modal-dialog

Здравствуйте!
Вопрос знатокам Bootstrap, а то чёт оказалось, что я чего-то не знаю.

Скрины будут ниже.

Короче в режиме мобильного телефона модалка нормально отображается в окне, но если переключаемся в режим ПК, то модалка лезет за границы контейнера.

Встроенное средство уменьшения модалки пробовал применять, но на ПК тогда нормально в пределах ширины, а на мобиле тогда в два раза уже ширины

кто-то может знает, как ВСТРОЕННЫМИ средствами Bootstrap 4 пофиксить?

Вот скрин для мобилы

Изображение

------
60960_20181230095214.png (148.0 Kb)
Скачиваний: 101

А вот на ПК скрин - модалка лезет за пределы, оно не смертельно, но хотелось бы сохранить пропорции

Изображение

------
60961_20181230095258.png (201.4 Kb)
Скачиваний: 97

PhpStorm, col-lg-<размер контейнера>, не?
________
посл. ред. 30.12.2018 в 10:04; всего 1 раз(а); by Евгений

Видимо что то в разметке сайта нарушает разметку модального окна, по документации не понятно, что могло вызвать такой эффект. По скрину тем более что то сказать не реально.
Может поможет вот это
http://bootstrap-4.ru/docs/4.2.1/components/modal/

ну смысл я понял типа модалку поместить в строку с колонкой и ей задать два режима для больших и малых экранов

буду пробовать

.modal-sm

модалка уменьшилась по ширине но улетела влево

Изображение

------
60962_20181230101706.png (213.6 Kb)
Скачиваний: 95

похоже я где-то родительскую разметку накосячил в оффициальной документации .modal-sm работает нормально

Изображение

------
60963_20181230101532.png (138.1 Kb)
Скачиваний: 93