Bootstrap 3 modal dizajn

modal
19.12.2017

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.