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

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

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

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

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

Вот скрин для мобилы
20181230095214.png
20181230095214.png 148.0 Kb ⬇ 204
А вот на ПК скрин - модалка лезет за пределы, оно не смертельно, но хотелось бы сохранить пропорции
20181230095258.png
20181230095258.png 201.4 Kb ⬇ 199
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*
20181230101706.png
20181230101706.png 213.6 Kb ⬇ 195
Сибирский (30.12.2018 в 10:13)
Видимо что то в разметке сайта нарушает разметку модального окна, по документации не понятно, что могло вызвать такой эффект. По скрину тем более что то сказать не реально.
Может поможет вот это
http://bootstrap-4.ru/docs/4.2.1/components/modal/


похоже я где-то родительскую разметку накосячил в оффициальной документации .modal-sm работает нормально
20181230101532.png
20181230101532.png 138.1 Kb ⬇ 193
Онлайн: 1
Время:
Gen. 0.074
(c) Bym.Guru 2010-2026