The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds .modal-open to the <body> to override default scrolling behavior and generates a .modal-backdrop to provide a click area for dismissing shown modals when clicking outside the modal.

Via data attributes

Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

Via data JavaScript

Call a modal with id myModal with a single line of JavaScript:


More information on Twitter Bootstrap 3 JavaScript documentation

Need help?

Ask about this template.


Kate Houston*



485-501 Wattle Street
ULTIMO, New South Wales 2007

Postal Address:
Reply Paid 116
SYDNEY GPO, New South Wales 1005

(02) 8202 8900
Fax: (02) 9211 1455
ABN: 91925561384

Contact us