title: Angular Dialog directives with Bootstrap 3
body: <p>We're trying to migrate from Bootstrap 2.3.2 to Bootstrap 3 (RC1) and are having problems with the <a href="http://angular-ui.github.io/bootstrap/#/dialog">AngularJS Dialog directive</a>. On clicking the relevant button no dialogue popup appears (the page appears black. Clicking anywhere returns to the original non-black view).</p>
  
  <p><em>We're essentially using exactly the same code as in the above link.</em></p>
  
  <p>There is a known issue discussed <a href="https://github.com/angular-ui/bootstrap/issues/331">here</a>. In that discussion Luther suggests:</p>
  
  <blockquote>
    <p><em>"to have modal worked, add hide class to set display:none to modal and reset the modal's display to block"</em></p>
  </blockquote>
  
  <p>That unfortunately doesn't seem to make any difference. What alternatives could we use to get the dialogs appearing in Bootstrap 3 RC1?</p>
  
  <p><em>I've tried using the <a href="http://angular-ui.github.io/bootstrap/#/modal">Modal directive instead</a>. It has a similar problem where the page fades (rather than goes completely black) and the popup also doesn't appear.</em></p>