Topic: Bottom margin of fullscreen modal

pawled free asked 4 years ago


How to erase bottom margin from fullscreen modal?


Piotr Urbaniak free commented 4 years ago

If the modal is responsible for the margin, You can add the "mb-0" class but it would be best if You send your code.


Piotr Urbaniak free answered 4 years ago


Is the part under the modal footer still part of the modal or it should by cover by it? If this part should be covered, please send the code snippet in our editor as we are unable to reporduce this error.
Please create a snippet here: https://mdbootstrap.com/snippets/ so we can check what's going on.

Best regards


pawled free commented 4 years ago

I have updated MDB and the problem disappeared.


pawled free answered 4 years ago


What I mean? This is a screenshot:

screenshot


Piotr Urbaniak free answered 4 years ago


Hello pawled,
If You want to delete margin-bottom in Your modal add mb-0 class like this:

<div class="modal-dialog modal-dialog-scrollable modal-fullscreen-sm-down mb-0">

but I don't know if I udnerstand You correctly so it would be very helpful if You could describe more precise on what you want to achieve.

Best regards


pawled free answered 4 years ago


<div class="modal fade" id="boxer2010" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-sm-down">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Peugeot Boxer</h5>
        <button
          type="button"
          class="close"
          data-dismiss="modal"
          aria-label="Close"
        ><i class="fas fa-times"></i></button>
      </div>
      <div class="modal-body">
        <h6 style="color: #E88A23;">Transporter</h6>
        <img src="img/angebot/boxer2010.png" class="img-fluid" alt="Bildzoom" />
        <p>
          Das Ladevolumen bis zu 17 m³.
        </p>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal" style="background-color: #DB9621;">
          Schließen
        </button>
      </div>
    </div>
  </div>
</div>


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 2.2.1
  • Device: Mobile
  • Browser: Chrome, Vivaldi
  • OS: Android
  • Provided sample code: No
  • Provided link: No
Tags