Question

The Twitter Bootstrap library now has Javascript plugins available, and one of them is supposed to give your alerts an automatic close button.

The documentation is here

I can’t figure out how to get it to work. See this code and fiddle:

<div class = "alert-message fade in" data-alert = "alert">
    <p>This is an alert!</p>
</div> 

http://jsfiddle.net/SBQcp/

I’m sure there’s a syntax piece that I’m missing, but I don’t get it.

Answer 1

Alerts are not supposed to be auto-closed because the intention is to the user to notice any message before closing.

Although you can add a link so the user can close it manually this way.

<div class = "alert-message fade in" data-alert = "alert">
  <a class="close" href="#">×</a>

  <p>This is an alert!</p>
</div> 

Or can be closed programatically this way:

$(".alert-message").alert('close')