Оповещение об увольнении с помощью Twitter Bootstrap не работает?

Я использую Google Chrome.
Используя Twitter Bootstrap, я хочу добавить простое предупреждение, к сожалению alert не отклоняется, когда нажата x!

Здесь мой код основан на alert:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>    
    <div class="alert">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Warning!</strong> Best check yo self, you're not looking too good.
    </div>      
  </body>
</html>

И я также пробовал:

<!DOCTYPE html>
  <html>
    <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>    
    <div class="alert">
        <a href="#" class="close" data-dismiss="alert">×</a>
        <strong>Warning!</strong> Best check yo self, you're not looking too good.
    </div>      
    </body>
  </html>

Что не хватает, чтобы убрать его?

Ответы

Ответ 1

Благодаря комментарию davidkonrad.
Решение тривиально, добавив:

    <script src="js/bootstrap.min.js"></script>

Ответ 2

Я написал небольшой маленький настраиваемый плагин jquery, который вводит правильно сформированное предупреждение Bootstrap 3 (с кнопкой или без кнопки, которая вам нужна это) с минимумом суеты и позволяет легко восстановить его после закрытия коробки.

См. https://github.com/davesag/jquery-bs3Alert для использования, тестов и примеров.