How to disable modal window hiding?

Question

JavaScript

I use a small modal window:

<!-- Модальное окно -->
<div class="modal fade" id="modalUserName" tabindex="-1" role="dialog" 
        aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">ФИО анкетируемого</h5>
                </div>
                <div class="modal-body">
                    <form>
                    <div class="form-group">
                            <label for="recipient-name" class="col-form-label">Введите свои ФИО:</label>
                            <input type="text" class="form-control" id="recipient-name">
                    </div> 
                    </form>
                </div>
                <div class="modal-footer">                
                <button type="button" class="btn btn-primary disabled" disabled="disabled">
                       Продолжить
                </button>
                </div>
            </div>
    </div>
</div>

When you click outside of this modal, it is hidden.
Handle click event somewhere in bootstrap code, how to disable window hiding?

Answer 1

The documentation has:

<div class="modal fade" id="modalUserName" tabindex="-1" role="dialog" 
        aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">