Modal Bottom Full Height

  1. MDB Home Page
  2. Support Main Page
  3. Other
Topic: Modal Bottom Full Height

atoning asked 5 years ago

Hi

I am new to Bootstrap and MDB and I am trying to create a modal using the example on MDB but it just doesnt work and I am confident I am following the instructions correctly.

I want to create a full width modal appearing from the bottom of the browser. I have copied the code from the example and modified it as instructed but I keep getting a small modal appearing from the top of the screen.

Current CSS I am trying is below:

<div class="modal fade bottom show" id="fullHeightModalRight" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-height modal-bottom" role="document">

Can anyone show me the correct CSS, I am sorry but the example and its documentation is not very clear at all.

TIA

Peter

AdamJakubowski staff pro premium priority answered 5 years ago

Hi,

Did you mean something like this? Full height bootstrap modal

Best,

Adam

atoning answered 5 years ago

Thanks Adam, yes I worked it out in the end after I found the modal generator :-)

AdamJakubowski staff pro premium priority commented 5 years ago

You're welcome, i'm glad you solved your problem
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: PC
  • Browser: Chrome
  • OS: WIndows 10
  • Provided sample code: No
  • Provided link: No
Tags
modal-bottom-full-width
About author
atoning
67Support score
3Questions 5Answers
0Snippets likes 1Snippets