updated some demos

- added dropdown-hover for "Hover for action" in layout/top-nav
- changed bootstrap modal info text in UI/modals
- updated vertical tabs examples for a better mobile view

pages/UI/modals.html

@@ -633,11 +633,6 @@
     <!-- Main content -->
     <section class="content">
       <div class="container-fluid">
-        <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="row">
           <div class="col-md-12">
             <div class="card card-primary card-outline">
@@ -685,6 +680,10 @@
                 <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-overlay">
                   Launch Modal with Overlay
                 </button>
+                <div class="text-muted mt-3">
+                  Instructions for how to use modals are available on the
+                  <a href="http://getbootstrap.com/javascript/#modals">Bootstrap documentation</a>
+                </div>
               </div>
               <!-- /.card -->
             </div>

pages/layout/top-nav.html

@@ -49,7 +49,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
             <li class="dropdown-divider"></li>
 
             <!-- Level two dropdown-->
-            <li class="dropdown-submenu">
+            <li class="dropdown-submenu dropdown-hover">
               <a id="dropdownSubMenu2" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-item dropdown-toggle">Hover for action</a>
               <ul aria-labelledby="dropdownSubMenu2" class="dropdown-menu border-0 shadow">
                 <li>