From 396b319c7e1e02f22a3d055a745e905ffa91fa88 Mon Sep 17 00:00:00 2001
From: Abdullah Almsaeed <almasaeed2010@gmail.com>
Date: Mon, 24 Aug 2015 17:52:49 -0400
Subject: [PATCH] Fix bootlint E014

---
 index.html                          |  20 ++-
 index2.html                         |  20 ++-
 pages/UI/buttons.html               |  20 ++-
 pages/UI/general.html               |  20 ++-
 pages/UI/icons.html                 |  30 ++--
 pages/UI/modals.html                |  20 ++-
 pages/UI/sliders.html               |  20 ++-
 pages/UI/timeline.html              |  20 ++-
 pages/calendar.html                 |  20 ++-
 pages/charts/chartjs.html           |  22 +--
 pages/charts/flot.html              |  22 +--
 pages/charts/inline.html            |  20 ++-
 pages/charts/morris.html            |  20 ++-
 pages/examples/404.html             |  20 ++-
 pages/examples/500.html             |  20 ++-
 pages/examples/blank.html           |  20 ++-
 pages/examples/invoice.html         |  20 ++-
 pages/examples/profile.html         |  20 ++-
 pages/forms/advanced.html           |  44 ++---
 pages/forms/editors.html            |  20 ++-
 pages/forms/general.html            |  20 ++-
 pages/layout/boxed.html             |  18 +-
 pages/layout/collapsed-sidebar.html |  20 ++-
 pages/layout/fixed.html             |  20 ++-
 pages/layout/top-nav.html           | 250 ++++++++++++++--------------
 pages/mailbox/compose.html          |  20 ++-
 pages/mailbox/mailbox.html          |  20 ++-
 pages/mailbox/read-mail.html        |  20 ++-
 pages/tables/data.html              |  20 ++-
 pages/tables/simple.html            |  20 ++-
 pages/widgets.html                  |  20 ++-
 starter.html                        |  20 ++-
 32 files changed, 485 insertions(+), 421 deletions(-)

diff --git a/index.html b/index.html
index c2fd38345..9c875a51f 100644
--- a/index.html
+++ b/index.html
@@ -260,15 +260,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/index2.html b/index2.html
index 8b815f558..bafdc7cf5 100644
--- a/index2.html
+++ b/index2.html
@@ -253,15 +253,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 280ec06a9..c3b787ba1 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -252,15 +252,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 04864e345..4bfad23f1 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -279,15 +279,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 861fc0e75..93012e3e2 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -19,11 +19,11 @@
     <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
     <!-- demo style -->
     <style>
-       /* FROM HTTP://WWW.GETBOOTSTRAP.COM
-        * Glyphicons
-        *
-        * Special styles for displaying the icons and their classes in the docs.
-        */
+      /* FROM HTTP://WWW.GETBOOTSTRAP.COM
+       * Glyphicons
+       *
+       * Special styles for displaying the icons and their classes in the docs.
+       */
 
       .bs-glyphicons {
         padding-left: 0;
@@ -297,15 +297,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index 4629d0ddb..d9afb0e2b 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -267,15 +267,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 36ee83635..314e7327a 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -257,15 +257,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 61fc6840d..6166fe87a 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/calendar.html b/pages/calendar.html
index 5017022fe..416b93efb 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -255,15 +255,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 318eaeba7..c35ed4be1 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -144,15 +144,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
@@ -382,7 +384,7 @@
                   </div>
                 </div>
                 <div class="box-body">
-                    <canvas id="pieChart" style="height:250px"></canvas>
+                  <canvas id="pieChart" style="height:250px"></canvas>
                 </div><!-- /.box-body -->
               </div><!-- /.box -->
 
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index 5cf8ab270..b198486ee 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -252,15 +252,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
@@ -584,7 +586,7 @@
                 </a>
               </li>
               <li>
-               <a href="javascript::;">
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index 6bb1e8bfa..067d4e134 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -252,15 +252,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index e5338fd2c..bb553d4a0 100644
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -253,15 +253,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/examples/404.html b/pages/examples/404.html
index b65e67582..88c41891f 100644
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/examples/500.html b/pages/examples/500.html
index 45f5385b8..381480388 100644
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index 2349e898f..2dafd1111 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -145,15 +145,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index fd40e542a..47f59761c 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/examples/profile.html b/pages/examples/profile.html
index d6333b9b3..d584afbf6 100644
--- a/pages/examples/profile.html
+++ b/pages/examples/profile.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index b41885cc4..0be15780e 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -262,15 +262,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
@@ -1013,18 +1015,18 @@
         $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
         //Date range as a button
         $('#daterange-btn').daterangepicker(
-            {
-              ranges: {
-                'Today': [moment(), moment()],
-                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-                'This Month': [moment().startOf('month'), moment().endOf('month')],
-                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-              },
-              startDate: moment().subtract(29, 'days'),
-              endDate: moment()
-            },
+                {
+                  ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                  },
+                  startDate: moment().subtract(29, 'days'),
+                  endDate: moment()
+                },
         function (start, end) {
           $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
         }
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 0e69e347a..2b9d5e05c 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -253,15 +253,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 21e4b303c..8dccec11d 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -252,15 +252,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index a2376f34d..b89363509 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -143,14 +143,16 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
                     </div>
                   </li>
                   <!-- Menu Footer-->
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index be9c7b5bb..a0c019528 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -146,15 +146,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/layout/fixed.html b/pages/layout/fixed.html
index ff15b5b6a..b4ba130cb 100644
--- a/pages/layout/fixed.html
+++ b/pages/layout/fixed.html
@@ -147,15 +147,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/layout/top-nav.html b/pages/layout/top-nav.html
index fd25f2625..7775cd5b4 100644
--- a/pages/layout/top-nav.html
+++ b/pages/layout/top-nav.html
@@ -64,118 +64,119 @@
               </form>
             </div><!-- /.navbar-collapse -->
             <!-- Navbar Right Menu -->
-              <div class="navbar-custom-menu">
-                <ul class="nav navbar-nav">
-                  <!-- Messages: style can be found in dropdown.less-->
-                  <li class="dropdown messages-menu">
-                    <!-- Menu toggle button -->
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                      <i class="fa fa-envelope-o"></i>
-                      <span class="label label-success">4</span>
-                    </a>
-                    <ul class="dropdown-menu">
-                      <li class="header">You have 4 messages</li>
-                      <li>
-                        <!-- inner menu: contains the messages -->
-                        <ul class="menu">
-                          <li><!-- start message -->
-                            <a href="#">
-                              <div class="pull-left">
-                                <!-- User Image -->
-                                <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-                              </div>
-                              <!-- Message title and timestamp -->
-                              <h4>
-                                Support Team
-                                <small><i class="fa fa-clock-o"></i> 5 mins</small>
-                              </h4>
-                              <!-- The message -->
-                              <p>Why not buy a new awesome theme?</p>
-                            </a>
-                          </li><!-- end message -->
-                        </ul><!-- /.menu -->
-                      </li>
-                      <li class="footer"><a href="#">See All Messages</a></li>
-                    </ul>
-                  </li><!-- /.messages-menu -->
+            <div class="navbar-custom-menu">
+              <ul class="nav navbar-nav">
+                <!-- Messages: style can be found in dropdown.less-->
+                <li class="dropdown messages-menu">
+                  <!-- Menu toggle button -->
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                    <i class="fa fa-envelope-o"></i>
+                    <span class="label label-success">4</span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="header">You have 4 messages</li>
+                    <li>
+                      <!-- inner menu: contains the messages -->
+                      <ul class="menu">
+                        <li><!-- start message -->
+                          <a href="#">
+                            <div class="pull-left">
+                              <!-- User Image -->
+                              <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                            </div>
+                            <!-- Message title and timestamp -->
+                            <h4>
+                              Support Team
+                              <small><i class="fa fa-clock-o"></i> 5 mins</small>
+                            </h4>
+                            <!-- The message -->
+                            <p>Why not buy a new awesome theme?</p>
+                          </a>
+                        </li><!-- end message -->
+                      </ul><!-- /.menu -->
+                    </li>
+                    <li class="footer"><a href="#">See All Messages</a></li>
+                  </ul>
+                </li><!-- /.messages-menu -->
 
-                  <!-- Notifications Menu -->
-                  <li class="dropdown notifications-menu">
-                    <!-- Menu toggle button -->
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                      <i class="fa fa-bell-o"></i>
-                      <span class="label label-warning">10</span>
-                    </a>
-                    <ul class="dropdown-menu">
-                      <li class="header">You have 10 notifications</li>
-                      <li>
-                        <!-- Inner Menu: contains the notifications -->
-                        <ul class="menu">
-                          <li><!-- start notification -->
-                            <a href="#">
-                              <i class="fa fa-users text-aqua"></i> 5 new members joined today
-                            </a>
-                          </li><!-- end notification -->
-                        </ul>
-                      </li>
-                      <li class="footer"><a href="#">View all</a></li>
-                    </ul>
-                  </li>
-                  <!-- Tasks Menu -->
-                  <li class="dropdown tasks-menu">
-                    <!-- Menu Toggle Button -->
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                      <i class="fa fa-flag-o"></i>
-                      <span class="label label-danger">9</span>
-                    </a>
-                    <ul class="dropdown-menu">
-                      <li class="header">You have 9 tasks</li>
-                      <li>
-                        <!-- Inner menu: contains the tasks -->
-                        <ul class="menu">
-                          <li><!-- Task item -->
-                            <a href="#">
-                              <!-- Task title and progress text -->
-                              <h3>
-                                Design some buttons
-                                <small class="pull-right">20%</small>
-                              </h3>
-                              <!-- The progress bar -->
-                              <div class="progress xs">
-                                <!-- Change the css width attribute to simulate progress -->
-                                <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
-                                  <span class="sr-only">20% Complete</span>
-                                </div>
+                <!-- Notifications Menu -->
+                <li class="dropdown notifications-menu">
+                  <!-- Menu toggle button -->
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                    <i class="fa fa-bell-o"></i>
+                    <span class="label label-warning">10</span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="header">You have 10 notifications</li>
+                    <li>
+                      <!-- Inner Menu: contains the notifications -->
+                      <ul class="menu">
+                        <li><!-- start notification -->
+                          <a href="#">
+                            <i class="fa fa-users text-aqua"></i> 5 new members joined today
+                          </a>
+                        </li><!-- end notification -->
+                      </ul>
+                    </li>
+                    <li class="footer"><a href="#">View all</a></li>
+                  </ul>
+                </li>
+                <!-- Tasks Menu -->
+                <li class="dropdown tasks-menu">
+                  <!-- Menu Toggle Button -->
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                    <i class="fa fa-flag-o"></i>
+                    <span class="label label-danger">9</span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="header">You have 9 tasks</li>
+                    <li>
+                      <!-- Inner menu: contains the tasks -->
+                      <ul class="menu">
+                        <li><!-- Task item -->
+                          <a href="#">
+                            <!-- Task title and progress text -->
+                            <h3>
+                              Design some buttons
+                              <small class="pull-right">20%</small>
+                            </h3>
+                            <!-- The progress bar -->
+                            <div class="progress xs">
+                              <!-- Change the css width attribute to simulate progress -->
+                              <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                                <span class="sr-only">20% Complete</span>
                               </div>
-                            </a>
-                          </li><!-- end task item -->
-                        </ul>
-                      </li>
-                      <li class="footer">
-                        <a href="#">View all tasks</a>
-                      </li>
-                    </ul>
-                  </li>
-                  <!-- User Account Menu -->
-                  <li class="dropdown user user-menu">
-                    <!-- Menu Toggle Button -->
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                      <!-- The user image in the navbar-->
-                      <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
-                      <!-- hidden-xs hides the username on small devices so only the image appears. -->
-                      <span class="hidden-xs">Alexander Pierce</span>
-                    </a>
-                    <ul class="dropdown-menu">
-                      <!-- The user image in the menu -->
-                      <li class="user-header">
-                        <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-                        <p>
-                          Alexander Pierce - Web Developer
-                          <small>Member since Nov. 2012</small>
-                        </p>
-                      </li>
-                      <!-- Menu Body -->
-                      <li class="user-body">
+                            </div>
+                          </a>
+                        </li><!-- end task item -->
+                      </ul>
+                    </li>
+                    <li class="footer">
+                      <a href="#">View all tasks</a>
+                    </li>
+                  </ul>
+                </li>
+                <!-- User Account Menu -->
+                <li class="dropdown user user-menu">
+                  <!-- Menu Toggle Button -->
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                    <!-- The user image in the navbar-->
+                    <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
+                    <!-- hidden-xs hides the username on small devices so only the image appears. -->
+                    <span class="hidden-xs">Alexander Pierce</span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <!-- The user image in the menu -->
+                    <li class="user-header">
+                      <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+                      <p>
+                        Alexander Pierce - Web Developer
+                        <small>Member since Nov. 2012</small>
+                      </p>
+                    </li>
+                    <!-- Menu Body -->
+                    <li class="user-body">
+                      <div class="row">
                         <div class="col-xs-4 text-center">
                           <a href="#">Followers</a>
                         </div>
@@ -185,20 +186,21 @@
                         <div class="col-xs-4 text-center">
                           <a href="#">Friends</a>
                         </div>
-                      </li>
-                      <!-- Menu Footer-->
-                      <li class="user-footer">
-                        <div class="pull-left">
-                          <a href="#" class="btn btn-default btn-flat">Profile</a>
-                        </div>
-                        <div class="pull-right">
-                          <a href="#" class="btn btn-default btn-flat">Sign out</a>
-                        </div>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </div><!-- /.navbar-custom-menu -->
+                      </div><!-- /.row -->
+                    </li>
+                    <!-- Menu Footer-->
+                    <li class="user-footer">
+                      <div class="pull-left">
+                        <a href="#" class="btn btn-default btn-flat">Profile</a>
+                      </div>
+                      <div class="pull-right">
+                        <a href="#" class="btn btn-default btn-flat">Sign out</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </div><!-- /.navbar-custom-menu -->
           </div><!-- /.container-fluid -->
         </nav>
       </header>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index fb647e755..903101381 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -151,15 +151,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index f245f5b7c..06c9f80d3 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -148,15 +148,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index 24a3ecaf8..ca651fc2b 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -148,15 +148,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 186cb50db..e14f7a506 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -254,15 +254,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/tables/simple.html b/pages/tables/simple.html
index 06b0d701f..5a486e53c 100644
--- a/pages/tables/simple.html
+++ b/pages/tables/simple.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/pages/widgets.html b/pages/widgets.html
index 9adf8ce6a..741cf3a37 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -251,15 +251,17 @@
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">
diff --git a/starter.html b/starter.html
index 38b09a4f0..458331d97 100644
--- a/starter.html
+++ b/starter.html
@@ -184,15 +184,17 @@ scratch. This page gets rid of all links and provides the needed markup only.
                   </li>
                   <!-- Menu Body -->
                   <li class="user-body">
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Followers</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Sales</a>
-                    </div>
-                    <div class="col-xs-4 text-center">
-                      <a href="#">Friends</a>
-                    </div>
+                    <div class="row">
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Followers</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Sales</a>
+                      </div>
+                      <div class="col-xs-4 text-center">
+                        <a href="#">Friends</a>
+                      </div>
+                    </div><!-- /.row -->
                   </li>
                   <!-- Menu Footer-->
                   <li class="user-footer">