bootstrap 4 full screen modal

Ugly Unicorn answered on June 9, 2022 Popularity 8/10 Helpfulness 2/10

answer bootstrap 4 full screen modal

related bootstrap modal fullscreen

bootstrap 4 full screen modal

Comment

view source
01
.modal.modal-fullscreen .modal-dialog {
02
  width:100vw;
03
  height:100vh;
04
  margin:0;
05
  padding:0;
06
  max-width:none;
07
}
08
 
09
.modal.modal-fullscreen .modal-content {
10
  height:auto;
11
  height:100vh;
12
  border-radius:0;
13
  border:none;
14
}
15
 
16
.modal.modal-fullscreen .modal-body {
17
  overflow-y:auto;
18
}

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: www.jqueryscript.net

Tags: bootstrap-4 screen whatever

Link to this answer
Share Copy Link

Contributed on May 13 2023

Ugly Unicorn

0 Answers Avg Quality 2/10

Closely Related Answers

bootstrap modal fullscreen

Comment

if HTML then:

<div class="modal-dialog modal-fullscreen">

Popularity 10/10 Helpfulness 10/10 Language html

Source: Grepper

Tags: bootstrap-modal

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

capitalistlion

0 Answers Avg Quality 2/10

bootstrap modal fullscreen

Comment

if React then:
import Modal from "react-bootstrap/Modal"

<Modal show={show} onHide={handleOpen} fullscreen={true}> //change the size

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: bootstrap-modal

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

capitalistlion

0 Answers Avg Quality 2/10

bootstrap 4 full screen modal

Contents

More Related Answers