how to change layout of a modal width in bootstrap code example

Example: modal full width boostrap

<div class="modal fade">
        <div class="modal-dialog modal-xxl">
            <div class="modal-content">
                <div class="modal-header" style="cursor:move;">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="height:80vh;overflow:scroll">
            
                </div>
                <div class="modal-footer">
                   
                    <button type="button" class="btn btn-primary submitsearch" data-dismiss="modal">Search</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>