1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Resize Modal

Alfian Firdaus free asked 8 years ago

Hi inventor, You doing incredible work guys ! I want to ask How can I Resize The Modal. I use Register Modal. I want to resize the Width & Height.

Michal Szymanski staff answered 8 years ago

Hi Alfian, I'm glad you like it, thank you. height property has an auto value, so it will always adjust to the content. If you want to have it with a fixed height, use the code below: 
.modal {
    height: 500px; //set a desired number
}
About the width You can use a class .modal-sm for small size and .modal-lg for large class by adding it to the .modal-dialog div. 
<div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>

ngrova pro commented 6 years ago

is there a way to have the width also be auto sized? Similar to the height.
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

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Alfian Firdaus
14Support score
8Questions 7Answers 0Snippets