diff --git a/horizon/horizon/dashboards/nova/templates/nova/images_and_snapshots/images/index.html b/horizon/horizon/dashboards/nova/templates/nova/images_and_snapshots/images/index.html
index 269dd2ade..b32dc3a57 100644
--- a/horizon/horizon/dashboards/nova/templates/nova/images_and_snapshots/images/index.html
+++ b/horizon/horizon/dashboards/nova/templates/nova/images_and_snapshots/images/index.html
@@ -12,7 +12,8 @@
   {% if images %}
     {% include 'nova/images_and_snapshots/images/_list.html' %}
   {% else %}
-    <div class="alert alert-block alert-info">
+    <div class="alert alert-block alert-info fade in">
+      <a class="close" data-dismiss="alert" href="#">&times;</a>
       <p><strong>{% trans "Info: " %}</strong>{% trans "There are currently no images." %}</p>
     </div>
   {% endif %}
diff --git a/horizon/horizon/static/horizon/js/horizon.js b/horizon/horizon/static/horizon/js/horizon.js
index 3d889a097..3dfd483de 100644
--- a/horizon/horizon/static/horizon/js/horizon.js
+++ b/horizon/horizon/static/horizon/js/horizon.js
@@ -29,6 +29,9 @@ var Horizon = function() {
       return false;
     });
 
+    // Bind dismiss(x) handlers for alert messages.
+    $(".alert").alert()
+
     $.each(initFunctions, function(ind, fn) {
       fn();
     });
diff --git a/horizon/horizon/templates/horizon/_messages.html b/horizon/horizon/templates/horizon/_messages.html
index a8eb953b5..f36080a4f 100644
--- a/horizon/horizon/templates/horizon/_messages.html
+++ b/horizon/horizon/templates/horizon/_messages.html
@@ -1,22 +1,26 @@
 {% load i18n %}
 {% for message in messages %}
   {% if "info" in message.tags %}
-    <div class="alert alert-block alert-info">
+    <div class="alert alert-block alert-info fade in">
+      <a class="close" data-dismiss="alert" href="#">&times;</a>
       <p><strong>{% trans "Info: " %}</strong>{{ message }}</p>
     </div>
   {% endif %}
   {% if "warning" in message.tags %}
-    <div class="alert alert-block alert-warning">
+    <div class="alert alert-block alert-warning fade in">
+      <a class="close" data-dismiss="alert" href="#">&times;</a>
       <p><strong>{% trans "Warning: " %}</strong>{{ message }}</p>
     </div>
   {% endif %}
   {% if "success" in message.tags %}
-    <div class="alert alert-block alert-success">
+    <div class="alert alert-block alert-success fade in">
+      <a class="close" data-dismiss="alert" href="#">&times;</a>
       <p><strong>{% trans "Success: " %}</strong>{{ message }}</p>
     </div>
   {% endif %}
   {% if "error" in message.tags %}
-    <div class="alert alert-block alert-error">
+    <div class="alert alert-block alert-error fade in">
+      <a class="close" data-dismiss="alert" href="#">&times;</a>
       <p><strong>{% trans "Error: " %}</strong>{{ message }}</p>
     </div>
   {% endif %}