diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index c115fe194..c64169ae1 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -478,19 +478,19 @@
                 </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 -->
@@ -524,19 +524,19 @@
                 </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 -->
@@ -559,19 +559,19 @@
                 </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 -->