Usage of Bootstrap Modal Plugins

A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can interact without leaving the parent window. Child windows can provide information, interaction, or more.

Toggle the modal plugin's hidden content −

  • Via data attributes − Set attribute data-toggle = "modal" on a controller element, like a button or link, along with a data-target = "#identifier" or href = "#identifier" to target a specific modal (with the id = "identifier") to toggle.
  • Via JavaScript − Using this technique you can call a modal with id = "identifier" with a single line of JavaScript − $('#identifier').modal(options)