Modal: Medium

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#centralModalmd">Medium Modal
</button>

<div class="modal fade" id="centralModalmd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title w-100" id="myModalLabel">Title</p>
                <button type="button" class="close" data-dismiss="modal" aria-label="Sluiten">
                    <i class="mdi mdi-close" aria-hidden="true"></i>
                </button>
            </div>
            <!--Body-->
            <div class="modal-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec metus et turpis fermentum molestie.
                    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec
                    neque risus, ornare vitae ante nec, sodales lobortis neque. Nam odio nisi, volutpat vel quam at,
                    tristique dictum velit. Vivamus eu nisi nisi. Fusce efficitur, ipsum sed gravida luctus, velit justo
                    congue tellus, efficitur euismod sapien massa sit amet orci. Mauris rhoncus ornare lectus, sed
                    imperdiet leo placerat eu. Proin vitae mattis ipsum. Aenean leo augue, fermentum sollicitudin purus
                    ac, maximus efficitur justo.</p>
            </div>
            <!--Footer-->
            <div class="modal-footer">

                <button type="button" class="btn btn-primary" data-dismiss="modal">
                    Sluiten
                </button>
            </div>
        </div>
        <!--/.Content-->
    </div>
</div>