bs4 implementation update part 2

production/echarts.html

@@ -618,7 +618,7 @@
                                     </div>
                                 </div>
 
-                                <div class="col-md-4 col-sm-4 col-xs-12">
+                                <div class="col-md-4 col-sm-4 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Sonar</h2>
@@ -650,7 +650,7 @@
                                 </div>
 
 
-                                <div class="col-md-4 col-sm-4 col-xs-12">
+                                <div class="col-md-4 col-sm-4 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Gauge</h2>

production/form_upload.html

@@ -289,7 +289,7 @@
 
                                 <div class="col-lg-6 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
@@ -304,7 +304,7 @@
                             <div class="clearfix"></div>
 
                             <div class="row">
-                                <div class="col-md-12 col-sm-12 col-xs-12">
+                                <div class="col-md-12 col-sm-12 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Dropzone multiple file uploader</h2>

production/icons.html

@@ -286,7 +286,7 @@
 
                                 <div class="col-lg-6 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
@@ -333,377 +333,377 @@
                                                 <div class="row fontawesome-icon-list">
 
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/adjust"><i class="fa fa-adjust"></i> fa-adjust</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/anchor"><i class="fa fa-anchor"></i> fa-anchor</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/archive"><i class="fa fa-archive"></i>
                                                         fa-archive</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/area-chart"><i class="fa fa-area-chart"></i>
                                                         fa-area-chart</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/arrows"><i class="fa fa-arrows"></i> fa-arrows</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/arrows-h"><i class="fa fa-arrows-h"></i> fa-arrows-h</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/arrows-v"><i class="fa fa-arrows-v"></i> fa-arrows-v</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/asterisk"><i class="fa fa-asterisk"></i> fa-asterisk</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/at"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/at"><i
                                                             class="fa fa-at"></i> fa-at</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/car"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/car"><i
                                                             class="fa fa-automobile"></i> fa-automobile <span
                                                             class="text-muted">(alias)</span></a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/ban"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/ban"><i
                                                             class="fa fa-ban"></i> fa-ban</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/university"><i class="fa fa-bank"></i> fa-bank <span
                                                             class="text-muted">(alias)</span></a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bar-chart"><i class="fa fa-bar-chart"></i>
                                                         fa-bar-chart</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bar-chart"><i class="fa fa-bar-chart-o"></i>
                                                         fa-bar-chart-o <span class="text-muted">(alias)</span></a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/barcode"><i class="fa fa-barcode"></i>
                                                         fa-barcode</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bars"><i class="fa fa-bars"></i> fa-bars</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/beer"><i class="fa fa-beer"></i> fa-beer</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bell"><i class="fa fa-bell"></i> fa-bell</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bell-o"><i class="fa fa-bell-o"></i> fa-bell-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bell-slash"><i class="fa fa-bell-slash"></i>
                                                         fa-bell-slash</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bell-slash-o"><i class="fa fa-bell-slash-o"></i>
                                                         fa-bell-slash-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bicycle"><i class="fa fa-bicycle"></i>
                                                         fa-bicycle</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/binoculars"><i class="fa fa-binoculars"></i>
                                                         fa-binoculars</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/birthday-cake"><i class="fa fa-birthday-cake"></i>
                                                         fa-birthday-cake</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bolt"><i class="fa fa-bolt"></i> fa-bolt</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bomb"><i class="fa fa-bomb"></i> fa-bomb</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/book"><i class="fa fa-book"></i> fa-book</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bookmark"><i class="fa fa-bookmark"></i> fa-bookmark</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bookmark-o"><i class="fa fa-bookmark-o"></i>
                                                         fa-bookmark-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/briefcase"><i class="fa fa-briefcase"></i>
                                                         fa-briefcase</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bug"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/bug"><i
                                                             class="fa fa-bug"></i> fa-bug</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/building"><i class="fa fa-building"></i> fa-building</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/building-o"><i class="fa fa-building-o"></i>
                                                         fa-building-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bullhorn"><i class="fa fa-bullhorn"></i> fa-bullhorn</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/bullseye"><i class="fa fa-bullseye"></i> fa-bullseye</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bus"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/bus"><i
                                                             class="fa fa-bus"></i> fa-bus</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/taxi"><i class="fa fa-cab"></i> fa-cab <span
                                                             class="text-muted">(alias)</span></a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/calculator"><i class="fa fa-calculator"></i>
                                                         fa-calculator</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/calendar"><i class="fa fa-calendar"></i> fa-calendar</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/calendar-o"><i class="fa fa-calendar-o"></i>
                                                         fa-calendar-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/camera"><i class="fa fa-camera"></i> fa-camera</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/camera-retro"><i class="fa fa-camera-retro"></i>
                                                         fa-camera-retro</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/car"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/car"><i
                                                             class="fa fa-car"></i> fa-car</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/caret-square-o-down"><i
                                                             class="fa fa-caret-square-o-down"></i>
                                                         fa-caret-square-o-down</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/caret-square-o-left"><i
                                                             class="fa fa-caret-square-o-left"></i>
                                                         fa-caret-square-o-left</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/caret-square-o-right"><i
                                                             class="fa fa-caret-square-o-right"></i>
                                                         fa-caret-square-o-right</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/caret-square-o-up"><i
                                                             class="fa fa-caret-square-o-up"></i>
                                                         fa-caret-square-o-up</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cc"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/cc"><i
                                                             class="fa fa-cc"></i> fa-cc</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/certificate"><i class="fa fa-certificate"></i>
                                                         fa-certificate</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/check"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/check"><i
                                                             class="fa fa-check"></i> fa-check</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/check-circle"><i class="fa fa-check-circle"></i>
                                                         fa-check-circle</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/check-circle-o"><i class="fa fa-check-circle-o"></i>
                                                         fa-check-circle-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/check-square"><i class="fa fa-check-square"></i>
                                                         fa-check-square</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/check-square-o"><i class="fa fa-check-square-o"></i>
                                                         fa-check-square-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/child"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/child"><i
                                                             class="fa fa-child"></i> fa-child</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/circle"><i class="fa fa-circle"></i> fa-circle</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/circle-o"><i class="fa fa-circle-o"></i> fa-circle-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/circle-o-notch"><i class="fa fa-circle-o-notch"></i>
                                                         fa-circle-o-notch</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/circle-thin"><i class="fa fa-circle-thin"></i>
                                                         fa-circle-thin</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/clock-o"><i class="fa fa-clock-o"></i>
                                                         fa-clock-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/times"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/times"><i
                                                             class="fa fa-close"></i> fa-close <span class="text-muted">(alias)</span></a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cloud"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/cloud"><i
                                                             class="fa fa-cloud"></i> fa-cloud</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/cloud-download"><i class="fa fa-cloud-download"></i>
                                                         fa-cloud-download</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/cloud-upload"><i class="fa fa-cloud-upload"></i>
                                                         fa-cloud-upload</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/code"><i class="fa fa-code"></i> fa-code</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/code-fork"><i class="fa fa-code-fork"></i>
                                                         fa-code-fork</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/coffee"><i class="fa fa-coffee"></i> fa-coffee</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cog"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/cog"><i
                                                             class="fa fa-cog"></i> fa-cog</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/cogs"><i class="fa fa-cogs"></i> fa-cogs</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/comment"><i class="fa fa-comment"></i>
                                                         fa-comment</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/comment-o"><i class="fa fa-comment-o"></i>
                                                         fa-comment-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/comments"><i class="fa fa-comments"></i> fa-comments</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/comments-o"><i class="fa fa-comments-o"></i>
                                                         fa-comments-o</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/compass"><i class="fa fa-compass"></i>
                                                         fa-compass</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/copyright"><i class="fa fa-copyright"></i>
                                                         fa-copyright</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/credit-card"><i class="fa fa-credit-card"></i>
                                                         fa-credit-card</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/crop"><i class="fa fa-crop"></i> fa-crop</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/crosshairs"><i class="fa fa-crosshairs"></i>
                                                         fa-crosshairs</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/cube"><i class="fa fa-cube"></i> fa-cube</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cubes"><i
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a href="#/cubes"><i
                                                             class="fa fa-cubes"></i> fa-cubes</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/cutlery"><i class="fa fa-cutlery"></i>
                                                         fa-cutlery</a>
                                                     </div>
 
-                                                    <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a
+                                                    <div class="fa-hover col-md-3 col-sm-4 col-12"><a
                                                             href="#/tachometer"><i class="fa fa-dashboard"></i>
                                                         fa-dashboard <span class="text-muted">(alias)</span></a>
                                                     </div>

production/index3.html

@@ -291,7 +291,7 @@
                     <!-- page content -->
                     <div class="right_col col-lg-12" role="main">
                         <div class="row top_tiles" style="margin: 10px 0;">
-                            <div class="col-md-3 col-sm-3 col-xs-6 tile">
+                            <div class="col-md-3 col-sm-3 col-6 tile">
                                 <span>Total Sessions</span>
                                 <h2>231,809</h2>
                                 <span class="sparkline_one" style="height: 160px;">
@@ -299,7 +299,7 @@
                               style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                   </span>
                             </div>
-                            <div class="col-md-3 col-sm-3 col-xs-6 tile">
+                            <div class="col-md-3 col-sm-3 col-6 tile">
                                 <span>Total Revenue</span>
                                 <h2>$ 231,809</h2>
                                 <span class="sparkline_one" style="height: 160px;">
@@ -307,7 +307,7 @@
                               style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                   </span>
                             </div>
-                            <div class="col-md-3 col-sm-3 col-xs-6 tile">
+                            <div class="col-md-3 col-sm-3 col-6 tile">
                                 <span>Total Revenue</span>
                                 <h2>$ 231,809</h2>
                                 <span class="sparkline_one" style="height: 160px;">
@@ -315,7 +315,7 @@
                               style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                   </span>
                             </div>
-                            <div class="col-md-3 col-sm-3 col-xs-6 tile">
+                            <div class="col-md-3 col-sm-3 col-6 tile">
                                 <span>Total Sessions</span>
                                 <h2>231,809</h2>
                                 <span class="sparkline_one" style="height: 160px;">
@@ -326,7 +326,7 @@
                         </div>
                         <br/>
                         <div class="row">
-                            <div class="col-md-12 col-sm-12 col-xs-12">
+                            <div class="col-md-12 col-sm-12 col-12">
                                 <div class="dashboard_graph x_panel">
                                     <div class="row x_title">
                                         <div class="col-md-6">
@@ -352,7 +352,7 @@
                             </div>
                         </div>
                         <div class="row">
-                            <div class="col-md-4 col-sm-6 col-xs-12">
+                            <div class="col-md-4 col-sm-6 col-12">
                                 <div class="x_panel fixed_height_320">
                                     <div class="x_title">
                                         <h4>App Devices

production/project_detail.html

@@ -290,7 +290,7 @@
 
                                 <div class="col-md-6 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
@@ -330,7 +330,7 @@
 
                                         <div class="x_content">
                                             <div class="row">
-                                                <div class="col-md-9 col-sm-9 col-xs-12">
+                                                <div class="col-md-9 col-sm-9 col-12">
 
                                                     <ul class="stats-overview">
                                                         <li>
@@ -433,7 +433,7 @@
 
                                                 </div>
                                                 <!-- start project-detail sidebar -->
-                                                <div class="col-md-3 col-sm-3 col-xs-12">
+                                                <div class="col-md-3 col-sm-3 col-12">
 
                                                     <section class="panel">
 

production/tester.html

@@ -187,7 +187,7 @@
 				  </div>
 
 				  <div class="title_right">
-					<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+					<div class="col-md-5 col-sm-5 col-12 form-group pull-right top_search">
 					  <div class="input-group">
 						<input type="text" class="form-control" placeholder="Search for...">
 						<span class="input-group-btn">
@@ -201,7 +201,7 @@
 				<div class="clearfix"></div>
 
 				<div class="row">
-				  <div class="col-md-12 col-sm-12 col-xs-12">
+				  <div class="col-md-12 col-sm-12 col-12">
 					<div class="x_panel">
 					  <div class="x_title">
 						<h2>Plain Page</h2>