Jak zmienić promień obramowania modala początkowego?

Question

Nie mogę zmienić promienia obramowania modala ładowania początkowego.

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

Jak mam to zrobić?

Answer 1

Trzeba zastosować promień do .modal-content div, a nie .modal div.

Oto właściwy sposób zastosować promień graniczny do bootstrap modalnym:

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

---

nb Usuń znaczniki !important, jeśli niestandardowe css to poniżej Twój bootstrap css.

Answer 2

Aby zastąpić kawałek CSS, można dodać do niestandardowego pliku CSS, zakładając, że ten plik ładuje się po Bootstrap.

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

Answer 3

Może próbujesz wymodelować niewłaściwy element. Według http://getbootstrap.com/javascript/#static-example należy projektować

.modal-content