Come cambiare il raggio di confine del modal bootstrap?

Question

Non riesco a modificare il raggio del bordo del modal bootstrap.

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

Come devo fare?

Answer 1

È necessario applicare la distanza per la .modal-content div e non il .modal div.

Qui è il modo giusto per applicare raggio confine alla tua modale bootstrap:

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

---

N.B. Rimuovi i tag !important se il tuo css personalizzato è sotto il tuo cst di bootstrap.

Answer 2

Per sovrascrivere una parte di CSS è possibile aggiungere quanto segue al file CSS personalizzato, presupponendo che questo file venga caricato dopo Bootstrap.

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

Answer 3

Forse stai cercando di definire l'elemento sbagliato. Secondo http://getbootstrap.com/javascript/#static-example, si dovrebbe stile

.modal-content