title: Adding Buttons with Functionality Using JavaScript in Bootstrap
body: <p>I have created a modal window below to have customized buttons and functionality attached to those buttons using jQuery-UI. However, I want to do the equivalent in Bootstrap using JavaScript and not using data attributes. How would I do this? The <a href="http://getbootstrap.com/javascript/#modals" rel="nofollow">Bootstrap website</a> only gives the example of doing something like this using data attributes.</p>
  
  <pre><code>function showWindow(message) {
      windowShowing = true;
      $("#alertWindow").dialog(
      {
          height: 120, 
          modal: true, 
          buttons: 
          { 
            Continue: function(){$(this).dialog("close"); someProcedure();},            
            Exit: function(){$(this).dialog("close"); exitProcedure();}
          },
          close: function(){windowShowing = false;}       
       });
      $("#alertWindowMsg").text(message);
  }
  </code></pre>