Topic: Bottom margin of fullscreen modal
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
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>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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
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.