Booststrap cheatSheet

Loader modal:

<div id="loaderModal" class="modal fade" role="dialog" style="z-index: 1000000;">
    <div class="modal-dialog" style="text-align:center">
        <img style="height: 200px;" src="${resource(dir: 'images', file: 'loading.gif')}">
    </div>
</div>

Simple information modal

<div class="modal fade" id="informationModal" tabindex="-1" role="dialog" aria-labelledby="informationModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color: darkseagreen;text-align: center;">
                <h5 class="modal-title" id="informationModalLabel"><b>${message(code: 'SelfService.email.label', default: 'Email')}</b></h5>
            </div>
            <div class="modal-body" id="informationModalBody" style="text-align: center;">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div id="closeMovementModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 style="text-align: center" class="modal-title">${message(code: 'MROrder.closeMovement.label', default: 'Close movement')}</h4>
                    </div>
                    <div class="modal-body" style="height: 60px;">
                        <div class="col-md-12 form-group" style="text-align: center;">
                            <p>${message(code: 'MROrder.doYouWantCloseMovement.label', default: 'Do you want to close the movement?')}</p>
                        </div>
                    </div>
                    <div class="modal-footer" style="text-align: center">
                        <g:link controller="MRVehicleMovement" action="show" class="btn btn-success" id="${MROrderInstance?.vehicleMovement?.id}">${message(code: 'default.yes.label', default: 'Yes')}</g:link>
                        <button type="button" id="closeMovementButton"
                                class="btn btn-success">${message(code: 'default.no.label', default: 'No')}</button>
                        <button type="button" class="btn btn-default" onclick="$('#update').click();"
                                data-dismiss="modal">${message(code: 'MRUser.close.label', default: 'Close')}</button>
                    </div>
                </div>
            </div>
        </div>