Add instructions link to modals

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>