diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 8109500ed..280ec06a9 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -482,52 +482,52 @@
                       <th>Disabled <code>.disabled</code></th>
                     </tr>
                     <tr>
-                      <td><button class="btn btn-block btn-default">Default</button></td>
-                      <td><button class="btn btn-block btn-default btn-lg">Default</button></td>
-                      <td><button class="btn btn-block btn-default btn-sm">Default</button></td>
-                      <td><button class="btn btn-block btn-default btn-xs">Default</button></td>
-                      <td><button class="btn btn-block btn-default btn-flat">Default</button></td>
-                      <td><button class="btn btn-block btn-default disabled">Default</button></td>
+                      <td><button type="button" class="btn btn-block btn-default">Default</button></td>
+                      <td><button type="button" class="btn btn-block btn-default btn-lg">Default</button></td>
+                      <td><button type="button" class="btn btn-block btn-default btn-sm">Default</button></td>
+                      <td><button type="button" class="btn btn-block btn-default btn-xs">Default</button></td>
+                      <td><button type="button" class="btn btn-block btn-default btn-flat">Default</button></td>
+                      <td><button type="button" class="btn btn-block btn-default disabled">Default</button></td>
                     </tr>
                     <tr>
-                      <td><button class="btn btn-block btn-primary">Primary</button></td>
-                      <td><button class="btn btn-block btn-primary btn-lg">Primary</button></td>
-                      <td><button class="btn btn-block btn-primary btn-sm">Primary</button></td>
-                      <td><button class="btn btn-block btn-primary btn-xs">Primary</button></td>
-                      <td><button class="btn btn-block btn-primary btn-flat">Primary</button></td>
-                      <td><button class="btn btn-block btn-primary disabled">Primary</button></td>
+                      <td><button type="button" class="btn btn-block btn-primary">Primary</button></td>
+                      <td><button type="button" class="btn btn-block btn-primary btn-lg">Primary</button></td>
+                      <td><button type="button" class="btn btn-block btn-primary btn-sm">Primary</button></td>
+                      <td><button type="button" class="btn btn-block btn-primary btn-xs">Primary</button></td>
+                      <td><button type="button" class="btn btn-block btn-primary btn-flat">Primary</button></td>
+                      <td><button type="button" class="btn btn-block btn-primary disabled">Primary</button></td>
                     </tr>
                     <tr>
-                      <td><button class="btn btn-block btn-success">Success</button></td>
-                      <td><button class="btn btn-block btn-success btn-lg">Success</button></td>
-                      <td><button class="btn btn-block btn-success btn-sm">Success</button></td>
-                      <td><button class="btn btn-block btn-success btn-xs">Success</button></td>
-                      <td><button class="btn btn-block btn-success btn-flat">Success</button></td>
-                      <td><button class="btn btn-block btn-success disabled">Success</button></td>
+                      <td><button type="button" class="btn btn-block btn-success">Success</button></td>
+                      <td><button type="button" class="btn btn-block btn-success btn-lg">Success</button></td>
+                      <td><button type="button" class="btn btn-block btn-success btn-sm">Success</button></td>
+                      <td><button type="button" class="btn btn-block btn-success btn-xs">Success</button></td>
+                      <td><button type="button" class="btn btn-block btn-success btn-flat">Success</button></td>
+                      <td><button type="button" class="btn btn-block btn-success disabled">Success</button></td>
                     </tr>
                     <tr>
-                      <td><button class="btn btn-block btn-info">Info</button></td>
-                      <td><button class="btn btn-block btn-info btn-lg">Info</button></td>
-                      <td><button class="btn btn-block btn-info btn-sm">Info</button></td>
-                      <td><button class="btn btn-block btn-info btn-xs">Info</button></td>
-                      <td><button class="btn btn-block btn-info btn-flat">Info</button></td>
-                      <td><button class="btn btn-block btn-info disabled">Info</button></td>
+                      <td><button type="button" class="btn btn-block btn-info">Info</button></td>
+                      <td><button type="button" class="btn btn-block btn-info btn-lg">Info</button></td>
+                      <td><button type="button" class="btn btn-block btn-info btn-sm">Info</button></td>
+                      <td><button type="button" class="btn btn-block btn-info btn-xs">Info</button></td>
+                      <td><button type="button" class="btn btn-block btn-info btn-flat">Info</button></td>
+                      <td><button type="button" class="btn btn-block btn-info disabled">Info</button></td>
                     </tr>
                     <tr>
-                      <td><button class="btn btn-block btn-danger">Danger</button></td>
-                      <td><button class="btn btn-block btn-danger btn-lg">Danger</button></td>
-                      <td><button class="btn btn-block btn-danger btn-sm">Danger</button></td>
-                      <td><button class="btn btn-block btn-danger btn-xs">Danger</button></td>
-                      <td><button class="btn btn-block btn-danger btn-flat">Danger</button></td>
-                      <td><button class="btn btn-block btn-danger disabled">Danger</button></td>
+                      <td><button type="button" class="btn btn-block btn-danger">Danger</button></td>
+                      <td><button type="button" class="btn btn-block btn-danger btn-lg">Danger</button></td>
+                      <td><button type="button" class="btn btn-block btn-danger btn-sm">Danger</button></td>
+                      <td><button type="button" class="btn btn-block btn-danger btn-xs">Danger</button></td>
+                      <td><button type="button" class="btn btn-block btn-danger btn-flat">Danger</button></td>
+                      <td><button type="button" class="btn btn-block btn-danger disabled">Danger</button></td>
                     </tr>
                     <tr>
-                      <td><button class="btn btn-block btn-warning">Warning</button></td>
-                      <td><button class="btn btn-block btn-warning btn-lg">Warning</button></td>
-                      <td><button class="btn btn-block btn-warning btn-sm">Warning</button></td>
-                      <td><button class="btn btn-block btn-warning btn-xs">Warning</button></td>
-                      <td><button class="btn btn-block btn-warning btn-flat">Warning</button></td>
-                      <td><button class="btn btn-block btn-warning disabled">Warning</button></td>
+                      <td><button type="button" class="btn btn-block btn-warning">Warning</button></td>
+                      <td><button type="button" class="btn btn-block btn-warning btn-lg">Warning</button></td>
+                      <td><button type="button" class="btn btn-block btn-warning btn-sm">Warning</button></td>
+                      <td><button type="button" class="btn btn-block btn-warning btn-xs">Warning</button></td>
+                      <td><button type="button" class="btn btn-block btn-warning btn-flat">Warning</button></td>
+                      <td><button type="button" class="btn btn-block btn-warning disabled">Warning</button></td>
                     </tr>
                   </table>
                 </div><!-- /.box -->
@@ -542,9 +542,9 @@
                   <h3 class="box-title">Block Buttons</h3>
                 </div>
                 <div class="box-body">
-                  <button class="btn btn-default btn-block">.btn-block</button>
-                  <button class="btn btn-default btn-block btn-flat">.btn-block .btn-flat</button>
-                  <button class="btn btn-default btn-block btn-sm">.btn-block .btn-sm</button>
+                  <button type="button" class="btn btn-default btn-block">.btn-block</button>
+                  <button type="button" class="btn btn-default btn-block btn-flat">.btn-block .btn-flat</button>
+                  <button type="button" class="btn btn-default btn-block btn-sm">.btn-block .btn-sm</button>
                 </div>
               </div><!-- /.box -->
 
@@ -800,7 +800,7 @@
                   <div class="input-group margin">
                     <input type="text" class="form-control">
                     <span class="input-group-btn">
-                      <button class="btn btn-info btn-flat" type="button">Go!</button>
+                      <button type="button" class="btn btn-info btn-flat">Go!</button>
                     </span>
                   </div><!-- /input-group -->
                 </div><!-- /.box-body -->
@@ -1083,19 +1083,19 @@
                   here but that's only to make the content
                   display correctly without having to use a table-->
                   <p>
-                    <button class="btn bg-maroon btn-flat margin">.btn.bg-maroon.btn-flat</button>
-                    <button class="btn bg-purple btn-flat margin">.btn.bg-purple.btn-flat</button>
-                    <button class="btn bg-navy btn-flat margin">.btn.bg-navy.btn-flat</button>
-                    <button class="btn bg-orange btn-flat margin">.btn.bg-orange.btn-flat</button>
-                    <button class="btn bg-olive btn-flat margin">.btn.bg-olive.btn-flat</button>
+                    <button type="button" class="btn bg-maroon btn-flat margin">.btn.bg-maroon.btn-flat</button>
+                    <button type="button" class="btn bg-purple btn-flat margin">.btn.bg-purple.btn-flat</button>
+                    <button type="button" class="btn bg-navy btn-flat margin">.btn.bg-navy.btn-flat</button>
+                    <button type="button" class="btn bg-orange btn-flat margin">.btn.bg-orange.btn-flat</button>
+                    <button type="button" class="btn bg-olive btn-flat margin">.btn.bg-olive.btn-flat</button>
                   </p>
 
                   <p>
-                    <button class="btn bg-maroon margin">.btn.bg-maroon</button>
-                    <button class="btn bg-purple margin">.btn.bg-purple</button>
-                    <button class="btn bg-navy margin">.btn.bg-navy</button>
-                    <button class="btn bg-orange margin">.btn.bg-orange</button>
-                    <button class="btn bg-olive margin">.btn.bg-olive</button>
+                    <button type="button" class="btn bg-maroon margin">.btn.bg-maroon</button>
+                    <button type="button" class="btn bg-purple margin">.btn.bg-purple</button>
+                    <button type="button" class="btn bg-navy margin">.btn.bg-navy</button>
+                    <button type="button" class="btn bg-orange margin">.btn.bg-orange</button>
+                    <button type="button" class="btn bg-olive margin">.btn.bg-olive</button>
                   </p>
                 </div>
               </div><!-- /.box -->
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 53051de2a..04864e345 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -607,22 +607,22 @@
                   <h3 class="box-title">Alerts</h3>
                 </div><!-- /.box-header -->
                 <div class="box-body">
-                  <div class="alert alert-danger alert-dismissable">
+                  <div class="alert alert-danger alert-dismissible">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                     <h4><i class="icon fa fa-ban"></i> Alert!</h4>
                     Danger alert preview. This alert is dismissable. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
                   </div>
-                  <div class="alert alert-info alert-dismissable">
+                  <div class="alert alert-info alert-dismissible">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                     <h4><i class="icon fa fa-info"></i> Alert!</h4>
                     Info alert preview. This alert is dismissable.
                   </div>
-                  <div class="alert alert-warning alert-dismissable">
+                  <div class="alert alert-warning alert-dismissible">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                     <h4><i class="icon fa fa-warning"></i> Alert!</h4>
                     Warning alert preview. This alert is dismissable.
                   </div>
-                  <div class="alert alert-success alert-dismissable">
+                  <div class="alert alert-success alert-dismissible">
                     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                     <h4>	<i class="icon fa fa-check"></i> Alert!</h4>
                     Success alert preview. This alert is dismissable.
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 330f97f85..318eaeba7 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -361,8 +361,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Area Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
@@ -377,8 +377,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Donut Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
@@ -393,8 +393,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Line Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
@@ -409,8 +409,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Bar Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index b679f359a..5cf8ab270 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -493,8 +493,8 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">Line Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
@@ -508,8 +508,8 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">Full Width Area Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
@@ -526,8 +526,8 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">Bar Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
@@ -541,8 +541,8 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">Donut Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body">
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index c115fe194..6bb1e8bfa 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -472,25 +472,25 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">jQuery Knob</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
                   <div class="row">
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc">
                       <div class="knob-label">New Visitors</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954">
                       <div class="knob-label">Bounce Rate</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a">
                       <div class="knob-label">Server Load</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef">
                       <div class="knob-label">Disk Space</div>
                     </div><!-- ./col -->
@@ -518,25 +518,25 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">jQuery Knob Different Sizes</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
                   <div class="row">
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
                       <div class="knob-label">data-width="90"</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954">
                       <div class="knob-label">data-width="120"</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a">
                       <div class="knob-label">data-thickness="0.1"</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef">
                       <div class="knob-label">data-angleArc="250"</div>
                     </div><!-- ./col -->
@@ -553,25 +553,25 @@
                   <i class="fa fa-bar-chart-o"></i>
                   <h3 class="box-title">jQuery Knob Tron Style</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
                   <div class="row">
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="80" data-skin="tron"  data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
                       <div class="knob-label">data-width="90"</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954">
                       <div class="knob-label">data-width="120"</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a">
                       <div class="knob-label">data-thickness="0.1"</div>
                     </div><!-- ./col -->
-                    <div class="col-md-3 col-sm-6 col-xs-6 text-center">
+                    <div class="col-xs-6 col-md-3 text-center">
                       <input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef">
                       <div class="knob-label">data-angleArc="250"</div>
                     </div><!-- ./col -->
@@ -594,7 +594,7 @@
                 <div class="box-header">
                   <h3 class="box-title text-danger">Sparkline Pie</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
+                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body text-center">
@@ -610,7 +610,7 @@
                 <div class="box-header">
                   <h3 class="box-title text-blue">Sparkline line</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
+                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body text-center">
@@ -626,7 +626,7 @@
                 <div class="box-header">
                   <h3 class="box-title text-warning">Sparkline Bar</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
+                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body text-center">
@@ -644,8 +644,8 @@
                 <div class="box-header">
                   <h3 class="box-title">Sparkline examples</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div id="myBody" class="box-body">
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index 2acba767d..e5338fd2c 100644
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -474,8 +474,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Area Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body chart-responsive">
@@ -488,8 +488,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Donut Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body chart-responsive">
@@ -504,8 +504,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Line Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body chart-responsive">
@@ -518,8 +518,8 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Bar Chart</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div>
                 <div class="box-body chart-responsive">
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index ba2fa8b5f..2349e898f 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -366,8 +366,8 @@
             <div class="box-header with-border">
               <h3 class="box-title">Title</h3>
               <div class="box-tools pull-right">
-                <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
-                <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
               </div>
             </div>
             <div class="box-body">
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index b826e513a..fd40e542a 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -595,8 +595,8 @@
           <div class="row no-print">
             <div class="col-xs-12">
               <a href="invoice-print.html" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> Print</a>
-              <button class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>
-              <button class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> Generate PDF</button>
+              <button type="button" class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>
+              <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> Generate PDF</button>
             </div>
           </div>
         </section><!-- /.content -->
diff --git a/pages/examples/lockscreen.html b/pages/examples/lockscreen.html
index a82db0ec2..9525a35f5 100644
--- a/pages/examples/lockscreen.html
+++ b/pages/examples/lockscreen.html
@@ -44,7 +44,7 @@
           <div class="input-group">
             <input type="password" class="form-control" placeholder="password">
             <div class="input-group-btn">
-              <button class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
+              <button type="button" class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
             </div>
           </div>
         </form><!-- /.lockscreen credentials -->
diff --git a/pages/examples/profile.html b/pages/examples/profile.html
index 380188648..d6333b9b3 100644
--- a/pages/examples/profile.html
+++ b/pages/examples/profile.html
@@ -580,7 +580,7 @@
                             <input class="form-control input-sm" placeholder="Response">
                           </div>
                           <div class="col-sm-3">
-                            <button class="btn btn-danger pull-right btn-block btn-sm">Send</button>
+                            <button type="submit" class="btn btn-danger pull-right btn-block btn-sm">Send</button>
                           </div>
                         </div>
                       </form>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index be90ddec6..b41885cc4 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -478,8 +478,8 @@
             <div class="box-header with-border">
               <h3 class="box-title">Select2</h3>
               <div class="box-tools pull-right">
-                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
               </div>
             </div><!-- /.box-header -->
             <div class="box-body">
@@ -678,7 +678,7 @@
                   <div class="form-group">
                     <label>Date range button:</label>
                     <div class="input-group">
-                      <button class="btn btn-default pull-right" id="daterange-btn">
+                      <button type="button" class="btn btn-default pull-right" id="daterange-btn">
                         <i class="fa fa-calendar"></i> Date range picker
                         <i class="fa fa-caret-down"></i>
                       </button>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 8b09226e2..0e69e347a 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -470,8 +470,8 @@
                   <h3 class="box-title">CK Editor <small>Advanced and full of features</small></h3>
                   <!-- tools box -->
                   <div class="pull-right box-tools">
-                    <button class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
                   </div><!-- /. tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body pad">
@@ -488,8 +488,8 @@
                   <h3 class="box-title">Bootstrap WYSIHTML5 <small>Simple and fast</small></h3>
                   <!-- tools box -->
                   <div class="pull-right box-tools">
-                    <button class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
                   </div><!-- /. tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body pad">
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 5b56fa3ae..21e4b303c 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -617,7 +617,7 @@
                   <div class="input-group input-group-sm">
                     <input type="text" class="form-control">
                     <span class="input-group-btn">
-                      <button class="btn btn-info btn-flat" type="button">Go!</button>
+                      <button type="button" class="btn btn-info btn-flat">Go!</button>
                     </span>
                   </div><!-- /input-group -->
                 </div><!-- /.box-body -->
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index ea925847d..a2376f34d 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -367,8 +367,8 @@
             <div class="box-header with-border">
               <h3 class="box-title">Title</h3>
               <div class="box-tools pull-right">
-                <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
-                <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
               </div>
             </div>
             <div class="box-body">
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index c5651b57f..be9c7b5bb 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -370,8 +370,8 @@
             <div class="box-header with-border">
               <h3 class="box-title">Title</h3>
               <div class="box-tools pull-right">
-                <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
-                <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
               </div>
             </div>
             <div class="box-body">
diff --git a/pages/layout/fixed.html b/pages/layout/fixed.html
index 36ad504b8..ff15b5b6a 100644
--- a/pages/layout/fixed.html
+++ b/pages/layout/fixed.html
@@ -371,8 +371,8 @@
             <div class="box-header with-border">
               <h3 class="box-title">Title</h3>
               <div class="box-tools pull-right">
-                <button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
-                <button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
+                <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
               </div>
             </div>
             <div class="box-body">
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index 9836fc7b6..fb647e755 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -372,7 +372,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Folders</h3>
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div>
                 </div>
                 <div class="box-body no-padding">
@@ -389,7 +389,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Labels</h3>
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body no-padding">
@@ -438,10 +438,10 @@
                 </div><!-- /.box-body -->
                 <div class="box-footer">
                   <div class="pull-right">
-                    <button class="btn btn-default"><i class="fa fa-pencil"></i> Draft</button>
+                    <button type="button" class="btn btn-default"><i class="fa fa-pencil"></i> Draft</button>
                     <button type="submit" class="btn btn-primary"><i class="fa fa-envelope-o"></i> Send</button>
                   </div>
-                  <button class="btn btn-default"><i class="fa fa-times"></i> Discard</button>
+                  <button type="reset" class="btn btn-default"><i class="fa fa-times"></i> Discard</button>
                 </div><!-- /.box-footer -->
               </div><!-- /. box -->
             </div><!-- /.col -->
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index ed6bd719d..f245f5b7c 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -369,7 +369,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Folders</h3>
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div>
                 </div>
                 <div class="box-body no-padding">
@@ -386,7 +386,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Labels</h3>
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div>
                 </div>
                 <div class="box-body no-padding">
@@ -412,18 +412,18 @@
                 <div class="box-body no-padding">
                   <div class="mailbox-controls">
                     <!-- Check all button -->
-                    <button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
+                    <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
                     <div class="btn-group">
-                      <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
-                      <button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
-                      <button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
+                      <button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
+                      <button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
+                      <button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
                     </div><!-- /.btn-group -->
-                    <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
+                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                     <div class="pull-right">
                       1-50/200
                       <div class="btn-group">
-                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
-                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
+                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
+                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
                       </div><!-- /.btn-group -->
                     </div><!-- /.pull-right -->
                   </div>
@@ -557,18 +557,18 @@
                 <div class="box-footer no-padding">
                   <div class="mailbox-controls">
                     <!-- Check all button -->
-                    <button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
+                    <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
                     <div class="btn-group">
-                      <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
-                      <button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
-                      <button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
+                      <button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
+                      <button type="button" class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
+                      <button type="button" class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
                     </div><!-- /.btn-group -->
-                    <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
+                    <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                     <div class="pull-right">
                       1-50/200
                       <div class="btn-group">
-                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
-                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
+                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
+                        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
                       </div><!-- /.btn-group -->
                     </div><!-- /.pull-right -->
                   </div>
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index 6bfdd7a14..24a3ecaf8 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -368,7 +368,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Folders</h3>
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div>
                 </div>
                 <div class="box-body no-padding">
@@ -385,7 +385,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Labels</h3>
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div>
                 </div>
                 <div class="box-body no-padding">
@@ -413,11 +413,11 @@
                   </div><!-- /.mailbox-read-info -->
                   <div class="mailbox-controls with-border text-center">
                     <div class="btn-group">
-                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Delete"><i class="fa fa-trash-o"></i></button>
-                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Reply"><i class="fa fa-reply"></i></button>
-                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Forward"><i class="fa fa-share"></i></button>
+                      <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" title="Delete"><i class="fa fa-trash-o"></i></button>
+                      <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" title="Reply"><i class="fa fa-reply"></i></button>
+                      <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" title="Forward"><i class="fa fa-share"></i></button>
                     </div><!-- /.btn-group -->
-                    <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Print"><i class="fa fa-print"></i></button>
+                    <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" title="Print"><i class="fa fa-print"></i></button>
                   </div><!-- /.mailbox-controls -->
                   <div class="mailbox-read-message">
                     <p>Hello John,</p>
@@ -474,11 +474,11 @@
                 </div><!-- /.box-footer -->
                 <div class="box-footer">
                   <div class="pull-right">
-                    <button class="btn btn-default"><i class="fa fa-reply"></i> Reply</button>
-                    <button class="btn btn-default"><i class="fa fa-share"></i> Forward</button>
+                    <button type="button" class="btn btn-default"><i class="fa fa-reply"></i> Reply</button>
+                    <button type="button" class="btn btn-default"><i class="fa fa-share"></i> Forward</button>
                   </div>
-                  <button class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
-                  <button class="btn btn-default"><i class="fa fa-print"></i> Print</button>
+                  <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
+                  <button type="button" class="btn btn-default"><i class="fa fa-print"></i> Print</button>
                 </div><!-- /.box-footer -->
               </div><!-- /. box -->
             </div><!-- /.col -->
diff --git a/pages/tables/simple.html b/pages/tables/simple.html
index a1fc79f51..06b0d701f 100644
--- a/pages/tables/simple.html
+++ b/pages/tables/simple.html
@@ -716,7 +716,7 @@
                     <div class="input-group" style="width: 150px;">
                       <input type="text" name="table_search" class="form-control input-sm pull-right" placeholder="Search">
                       <div class="input-group-btn">
-                        <button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button>
+                        <button type="submit" class="btn btn-sm btn-default"><i class="fa fa-search"></i></button>
                       </div>
                     </div>
                   </div>
diff --git a/pages/widgets.html b/pages/widgets.html
index 3074fbc25..9adf8ce6a 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -639,7 +639,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Expandable</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -652,7 +652,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Removable</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -665,7 +665,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Collapsable</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -698,7 +698,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Expandable</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -711,7 +711,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Removable</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -724,7 +724,7 @@
                 <div class="box-header with-border">
                   <h3 class="box-title">Collapsable</h3>
                   <div class="box-tools pull-right">
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -760,9 +760,9 @@
                   <h3 class="box-title">Direct Chat</h3>
                   <div class="box-tools pull-right">
                     <span data-toggle="tooltip" title="3 New Messages" class="badge bg-light-blue">3</span>
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -816,7 +816,7 @@
                     <div class="input-group">
                       <input type="text" name="message" placeholder="Type Message ..." class="form-control">
                       <span class="input-group-btn">
-                        <button type="button" class="btn btn-primary btn-flat">Send</button>
+                        <button type="submit" class="btn btn-primary btn-flat">Send</button>
                       </span>
                     </div>
                   </form>
@@ -831,9 +831,9 @@
                   <h3 class="box-title">Direct Chat</h3>
                   <div class="box-tools pull-right">
                     <span data-toggle="tooltip" title="3 New Messages" class="badge bg-green">3</span>
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -887,7 +887,7 @@
                     <div class="input-group">
                       <input type="text" name="message" placeholder="Type Message ..." class="form-control">
                       <span class="input-group-btn">
-                        <button type="button" class="btn btn-success btn-flat">Send</button>
+                        <button type="submit" class="btn btn-success btn-flat">Send</button>
                       </span>
                     </div>
                   </form>
@@ -902,9 +902,9 @@
                   <h3 class="box-title">Direct Chat</h3>
                   <div class="box-tools pull-right">
                     <span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -958,7 +958,7 @@
                     <div class="input-group">
                       <input type="text" name="message" placeholder="Type Message ..." class="form-control">
                       <span class="input-group-btn">
-                        <button type="button" class="btn btn-warning btn-flat">Send</button>
+                        <button type="submit" class="btn btn-warning btn-flat">Send</button>
                       </span>
                     </div>
                   </form>
@@ -973,9 +973,9 @@
                   <h3 class="box-title">Direct Chat</h3>
                   <div class="box-tools pull-right">
                     <span data-toggle="tooltip" title="3 New Messages" class="badge bg-red">3</span>
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div>
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -1029,7 +1029,7 @@
                     <div class="input-group">
                       <input type="text" name="message" placeholder="Type Message ..." class="form-control">
                       <span class="input-group-btn">
-                        <button type="button" class="btn btn-danger btn-flat">Send</button>
+                        <button type="submit" class="btn btn-danger btn-flat">Send</button>
                       </span>
                     </div>
                   </form>
@@ -1145,16 +1145,16 @@
                     <span class="description">Shared publicly - 7:30 PM Today</span>
                   </div><!-- /.user-block -->
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-toggle="tooltip" title="Mark as read"><i class="fa fa-circle-o"></i></button>
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="Mark as read"><i class="fa fa-circle-o"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
                   <img class="img-responsive pad" src="../dist/img/photo2.png" alt="Photo">
                   <p>I took this photo this morning. What do you guys think?</p>
-                  <button class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
-                  <button class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
+                  <button type="button" class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
+                  <button type="button" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
                   <span class="pull-right text-muted">127 likes - 3 comments</span>
                 </div><!-- /.box-body -->
                 <div class="box-footer box-comments">
@@ -1204,9 +1204,9 @@
                     <span class="description">Shared publicly - 7:30 PM Today</span>
                   </div><!-- /.user-block -->
                   <div class="box-tools">
-                    <button class="btn btn-box-tool" data-toggle="tooltip" title="Mark as read"><i class="fa fa-circle-o"></i></button>
-                    <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
-                    <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-toggle="tooltip" title="Mark as read"><i class="fa fa-circle-o"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
+                    <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                   </div><!-- /.box-tools -->
                 </div><!-- /.box-header -->
                 <div class="box-body">
@@ -1233,8 +1233,8 @@
                   </div><!-- /.attachment-block -->
 
                   <!-- Social sharing buttons -->
-                  <button class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
-                  <button class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
+                  <button type="button" class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
+                  <button type="button" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
                   <span class="pull-right text-muted">45 likes - 2 comments</span>
                 </div><!-- /.box-body -->
                 <div class="box-footer box-comments">