Bootstrap 3 modal dizajn
Ako ste koristili bootstrap onda ste sigurno koristili i njegov modal. Jako je koristan ako želimo prikazati neku obavijest ili formu, a ne želimo opterećivati stranicu sa previše sadržaja. U ovom tutorialu ću vam pokazati nekoliko class-a modala s kojim možete na lagan način promijeniti njegov primarni izgled.
- modal-content - je class u kojem se nalazi čitav modal, na njemu možete odrediti border-radius, background-color, box-shadow modala
- modal-header - je class u kojem se nalazi naslov modala i tipka za gašenje modala, tu možete staviti background-color, box-shadow, border, padding i slično
- modal-title - je naslov koji se nalazi u modal-header-u, ovdje možete promijeniti font, pozicionirati text, namještati boju fonta...
- modal-body - je mjesto gdje se nalazi čitav sadržaj modala koji unosite po potrebi.
- modal-footer - je dno modala u kojem se većinom nalazi tipka za zatvorit modal, a tu možete dodati i neke druge tike po potrebi
Pogledajte ispod jedan primjer uređivanja modala.