If you need to overwrite an absolutely positioned element to the other side of the container
.rtl { .className { right:0; left: auto; /* this will overwrite the original left: 0; */ } }
Using a Bootstrap 3 modal, you can create a space of clickable content above the modal backdrop by:
/* Say we want to push it down 50px */ .modal-backdrop, .modal { top:50px; }
/* If you then wanted to stretch the modal to cover the whole screen */ .modal-dialog, .modal-content{ height:100%; }
.modal-dialog { width: 100%; }
Another useful Bootstrap modal trick - if you want to make sure the user clicks on a modal button.
$('#myModal').show({ backdrop: 'static', keyboard: false });