gistfile1.html

<script type="text/x-handlebars" data-template-name="index">

    {{bs-alert message="A warning alert with simple message." type="warning"}}

    {{#bs-modal name="testing1" title="Testing"}}
        Hello World
    {{/bs-modal}}


    <button class="btn btn-default" {{action openModal "testing1"}}>Open Modal</button>

    {{#bs-modal name="testing2" title="Testing buttons" footerButtons=footerButtons}}
        Hello World with buttons
    {{/bs-modal}}


    <button class="btn btn-default" {{action openModal "testing2"}}>Open Modal w/ buttons</button>

</script>
<script type="text/javascript">
    App.IndexController = Ember.Controller.extend({
        footerButtons: [
            {title: 'Submit', clicked: "submit"},
            {title: 'Cancel', clicked: "cancel", dismiss: 'modal'}
        ],
        actions: {
            openModal: function (name) {
                Bootstrap.ModalManager.show(name);
            }
        }
    })
</script>