bootstrap 3 modal

bootstrap 3 modal.html

<button
        type="button"
        class="btn btn-primary btn-simple btn-xs"
        data-toggle="modal"
        data-target="#equipmentModal">
        <i class="material-icons">edit</i>
        <div class="ripple-container"></div>
    </button>

    <div
        class="modal fade"
        id="equipmentModal"
        tabindex="-1"
        role="dialog"
        style="display: none;">
        <div
            class="modal-dialog"
            role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button
                        type="button"
                        class="close"
                        data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">title</h4>
                </div>
                <div class="modal-body">
                    <p>content</p>
                </div>
                <div class="modal-footer">
                    <button
                        type="button"
                        class="btn btn-default"
                        data-dismiss="modal">Close
                    </button>
                    <button
                        type="button"
                        class="btn btn-primary">
                        Save changes
                        <div class="ripple-container"></div>
                    </button>
                </div>
            </div>
        </div>
    </div>