I have a need to have a modal that stretches to almost the 100% of the current window save for the usual gutters to the left and right.
I have this code
<div class="modal fade " id="mapstays" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl verybigmodal" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Show On Map</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
and this css
.verybigmodal{
width:1000px !important;
}
which doesn't stretch the modal or give it the desired width. Is there a way i can stretch the modal beyond the limits of modal-xl
?
max-width
for the modal.verybigmodal{ max-width:97% !important; }