Loading...
(x)HTML/WML/CSS | Bootstrap 4 ширина модалки
Здравствуйте!
Вопрос знатокам Bootstrap, а то чёт оказалось, что я чего-то не знаю.

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

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

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

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

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

Изображение

------
60960_20181230095214.png (148.0 Kb)
Скачиваний: 149
А вот на ПК скрин - модалка лезет за пределы, оно не смертельно, но хотелось бы сохранить пропорции

Изображение

------
60961_20181230095258.png (201.4 Kb)
Скачиваний: 144
PhpStorm, col-lg-<размер контейнера>, не?
________
посл. ред. 30.12.2018 в 10:04; всего 1 раз(а); by Евгений
Видимо что то в разметке сайта нарушает разметку модального окна, по документации не понятно, что могло вызвать такой эффект. По скрину тем более что то сказать не реально.
Может поможет вот это
http://bootstrap-4.ru/docs/4.2.1/components/modal/
Евгений (30.12.2018 в 10:03)
PhpStorm, col-lg-<размер контейнера>, не?


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

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


.modal-sm

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

Изображение

------
60962_20181230101706.png (213.6 Kb)
Скачиваний: 141
Сибирский (30.12.2018 в 10:13)
Видимо что то в разметке сайта нарушает разметку модального окна, по документации не понятно, что могло вызвать такой эффект. По скрину тем более что то сказать не реально.
Может поможет вот это
http://bootstrap-4.ru/docs/4.2.1/components/modal/


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

Изображение

------
60963_20181230101532.png (138.1 Kb)
Скачиваний: 139
Онлайн: 4
Время:
Gen. 0.0759
(c) ByMAS.RU 2010-2025