Как изменить пограничный радиус загрузочного модального?

Я не могу изменить радиус границы загрузочного модального.

.modal{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
}

Как мне это сделать?

Вам нужно применить радиус к .modal-content div, а не к .modal div.

Вот правильный способ применить радиус рамки к вашему модальному модулю загрузки:

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}

N.B. Удалите теги !important, если ваш пользовательский css ниже ваш bootstrap css.

Возможно, вы пытаетесь создать неправильный элемент. Согласно http://getbootstrap.com/javascript/#static-example, вы должны стилизовать

.modal-content

Чтобы переписать кусок CSS, вы можете добавить следующее в свой собственный CSS файл, считая, что этот файл загружается после Bootstrap.

.modal{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}