<button type="button" class="btn-e btn-e-primary" data-toggle="modal" data-target="#myModal">Launch default modal</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">×</span></button> <h6 class="modal-title">Modal title</h6> </div> <div class="modal-body"> <p> [...] </p> </div> <div class="modal-footer"> <button type="button" class="btn-e btn-e-default btn-sm" data-dismiss="modal">Close</button> <button type="button" class="btn-e btn-e-primary btn-sm">Save changes</button> </div> </div> </div> </div>
<button type="button" class="btn-e btn-e-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Launch large modal</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">×</span></button> <h6 class="modal-title">Modal title</h6> </div> <div class="modal-body"> <p> [...] </p> </div> <div class="modal-footer"> <button type="button" class="btn-e btn-e-default btn-sm" data-dismiss="modal">Close</button> <button type="button" class="btn-e btn-e-primary btn-sm">Save changes</button> </div> </div> </div> </div>
<button type="button" class="btn-e btn-e-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Launch small modal</button>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">×</span></button> <h6 class="modal-title">Modal title</h6> </div> <div class="modal-body"> <p> [...] </p> </div> <div class="modal-footer"> <button type="button" class="btn-e btn-e-primary btn-sm">Save changes</button> </div> </div> </div> </div>