From 080e4da6e8b4ded213cdbbedd2069b564a314982 Mon Sep 17 00:00:00 2001
From: Abdullah Almsaeed <almasaeed2010@gmail.com>
Date: Sun, 6 Sep 2015 17:20:42 -0400
Subject: [PATCH] Add instructions link to modals

---
 pages/UI/modals.html | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index d9afb0e2b..a0892c779 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -475,13 +475,19 @@
 
         <!-- Main content -->
         <section class="content">
+          <div class="callout callout-info">
+            <h4>Reminder!</h4>
+            Instructions for how to use modals are available on the
+            <a href="http://getbootstrap.com/javascript/#modals">Bootstrap documentation</a>
+          </div>
+
           <div class="example-modal">
             <div class="modal">
               <div class="modal-dialog">
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Modal Default</h4>
+                    <h4 class="modal-title">Default Modal</h4>
                   </div>
                   <div class="modal-body">
                     <p>One fine body&hellip;</p>
@@ -501,7 +507,7 @@
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Modal Primary</h4>
+                    <h4 class="modal-title">Primary Modal</h4>
                   </div>
                   <div class="modal-body">
                     <p>One fine body&hellip;</p>
@@ -521,7 +527,7 @@
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Modal Info</h4>
+                    <h4 class="modal-title">Info Modal</h4>
                   </div>
                   <div class="modal-body">
                     <p>One fine body&hellip;</p>
@@ -541,7 +547,7 @@
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Modal Warning</h4>
+                    <h4 class="modal-title">Warning Modal</h4>
                   </div>
                   <div class="modal-body">
                     <p>One fine body&hellip;</p>
@@ -561,7 +567,7 @@
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Modal Success</h4>
+                    <h4 class="modal-title">Success Modal</h4>
                   </div>
                   <div class="modal-body">
                     <p>One fine body&hellip;</p>
@@ -581,7 +587,7 @@
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Modal Danger</h4>
+                    <h4 class="modal-title">Danger Modal</h4>
                   </div>
                   <div class="modal-body">
                     <p>One fine body&hellip;</p>