diff --git a/examples/animation.html b/examples/animation.html
index ef3e24484e..fe8cae43fa 100644
--- a/examples/animation.html
+++ b/examples/animation.html
@@ -48,7 +48,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Animation example</h4>
           <p id="shortdesc">Demonstrates animated pan, zoom, and rotation.</p>
           <div id="docs">
diff --git a/examples/bing-maps.html b/examples/bing-maps.html
index 547857c290..75ca3d8afd 100644
--- a/examples/bing-maps.html
+++ b/examples/bing-maps.html
@@ -41,7 +41,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Bing Maps example</h4>
           <p id="shortdesc">Example of a Bing Maps layer.</p>
           <div id="docs">
diff --git a/examples/brightness-contrast.html b/examples/brightness-contrast.html
index 0ef43c8ad0..35e9a714b6 100644
--- a/examples/brightness-contrast.html
+++ b/examples/brightness-contrast.html
@@ -53,7 +53,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Brightness/contrast example</h4>
           <p id="shortdesc">Example of brightness/contrast control on the client (WebGL only).</p>
           <div id="docs">
diff --git a/examples/canvas-tiles.html b/examples/canvas-tiles.html
index 65d2448eb4..2f9f9a8240 100644
--- a/examples/canvas-tiles.html
+++ b/examples/canvas-tiles.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Canvas tiles example</h4>
           <p id="shortdesc">Renders tiles with coordinates for debugging.</p>
           <div id="docs">
diff --git a/examples/custom-controls.html b/examples/custom-controls.html
index 257a02e3d9..3824e07d13 100644
--- a/examples/custom-controls.html
+++ b/examples/custom-controls.html
@@ -68,7 +68,7 @@
       </div>
 
       <div class="row-fluid">
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Custom controls</h4>
           <p id="shortdesc">This example shows how to create custom controls.</p>
           <div id="docs">
diff --git a/examples/device-orientation.html b/examples/device-orientation.html
index dd1bb6215d..69865d51a9 100644
--- a/examples/device-orientation.html
+++ b/examples/device-orientation.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Device orientation example</h4>
           <label class="checkbox" for="track">
             <input id="track" type="checkbox"/>track changes
diff --git a/examples/drag-rotate-and-zoom.html b/examples/drag-rotate-and-zoom.html
index 8332c9aebf..f498189159 100644
--- a/examples/drag-rotate-and-zoom.html
+++ b/examples/drag-rotate-and-zoom.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Drag rotate and zoom example</h4>
           <p id="shortdesc">A single interaction to drag, rotate, and zoom.</p>
           <div id="docs">
diff --git a/examples/epsg-4326.html b/examples/epsg-4326.html
index 33be85967a..db16e92f1e 100644
--- a/examples/epsg-4326.html
+++ b/examples/epsg-4326.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">EPSG:4326 example</h4>
           <p id="shortdesc">Example of a map in EPSG:4326.</p>
           <div id="docs">
diff --git a/examples/export-map.html b/examples/export-map.html
index 759bba20b5..71c6fd5ba0 100644
--- a/examples/export-map.html
+++ b/examples/export-map.html
@@ -37,7 +37,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Export map example</h4>
           <p id="shortdesc">Example of exporting a map as a JPEG or PNG image.</p>
           <div id="docs">
diff --git a/examples/full-screen-drag-rotate-and-zoom.html b/examples/full-screen-drag-rotate-and-zoom.html
index 26e090a540..0769be46dc 100644
--- a/examples/full-screen-drag-rotate-and-zoom.html
+++ b/examples/full-screen-drag-rotate-and-zoom.html
@@ -46,7 +46,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Full screen drag rotate and zoom example</h4>
           <p id="shortdesc">Example of drag rotate and zoom control with full screen effect.</p>
           <div id="docs">
diff --git a/examples/full-screen.html b/examples/full-screen.html
index 4d91bfc765..915d7dbf14 100644
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -46,7 +46,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Full screen control example</h4>
           <p id="shortdesc">Example of a full screen control.</p>
           <div id="docs">
diff --git a/examples/geolocation.html b/examples/geolocation.html
index 3a532be712..03c1ffda36 100644
--- a/examples/geolocation.html
+++ b/examples/geolocation.html
@@ -44,7 +44,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Geolocation example</h4>
           <p id="shortdesc">Example of a geolocation map.</p>
           <div id="docs">
diff --git a/examples/gml.html b/examples/gml.html
index c8a33f89fc..cd13e5fa82 100644
--- a/examples/gml.html
+++ b/examples/gml.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">GML example</h4>
           <p id="shortdesc">Example of using the GML parser.</p>
           <div id="docs">
diff --git a/examples/gpx.html b/examples/gpx.html
index c2c4b8b63f..f401264e42 100644
--- a/examples/gpx.html
+++ b/examples/gpx.html
@@ -43,7 +43,7 @@
           </div>
           <div id="tags">GPX</div>
         </div>
-        <div class="span4 pull-right">
+        <div class="span4 offset4">
           <div id="info" class="alert alert-success">
             &nbsp;
           </div>
diff --git a/examples/hue-saturation.html b/examples/hue-saturation.html
index 71f853e9bb..98b63cf76d 100644
--- a/examples/hue-saturation.html
+++ b/examples/hue-saturation.html
@@ -53,7 +53,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Hue/saturation example</h4>
           <p id="shortdesc">Example of hue/saturation control on the client (WebGL only).</p>
           <div id="docs">
diff --git a/examples/kml-timezones.html b/examples/kml-timezones.html
index 1cf2a0a5b4..b17bb21860 100644
--- a/examples/kml-timezones.html
+++ b/examples/kml-timezones.html
@@ -46,7 +46,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Timezones in KML</h4>
           <p id="shortdesc">Demonstrates rendering timezones from KML.</p>
           <div id="docs">
diff --git a/examples/kml.html b/examples/kml.html
index ee44518836..b8d5597e92 100644
--- a/examples/kml.html
+++ b/examples/kml.html
@@ -43,7 +43,7 @@
           </div>
           <div id="tags">KML</div>
         </div>
-        <div class="span4 pull-right">
+        <div class="span4 offset4">
           <div id="info" class="alert alert-success">
             &nbsp;
           </div>
diff --git a/examples/localized-openstreetmap.html b/examples/localized-openstreetmap.html
index abe0b2aae3..4e687c03fd 100644
--- a/examples/localized-openstreetmap.html
+++ b/examples/localized-openstreetmap.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Localized OpenStreetMap example</h4>
           <p id="shortdesc">Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.</p>
           <div id="docs">
diff --git a/examples/mapquest.html b/examples/mapquest.html
index 990c183b1c..474d7ff96c 100644
--- a/examples/mapquest.html
+++ b/examples/mapquest.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">MapQuest example</h4>
           <p id="shortdesc">Example of a MapQuest map.</p>
           <div id="docs">
diff --git a/examples/mouse-position.html b/examples/mouse-position.html
index 6424cac8ca..50bafdb612 100644
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -34,22 +34,13 @@
       </div>
 
       <div class="row-fluid">
-
-        <div class="span4">
+        <div class="span6">
           <h4 id="title">Mouse position example</h4>
           <p id="shortdesc">Example of a mouse position control, outside the map.</p>
           <div id="docs">
             <p>See the <a href="mouse-position.js" target="_blank">mouse-position.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">mouse-position, openstreetmap</div>
-        </div>
-        <div class="span8 pull-right">
-          <div id="mouse-position">&nbsp;</div>
-        </div>
-      </div>
-
-      <div class="row-fluid">
-        <div class="span8">
           <form>
             <label>Projection </label>
             <select id="projection">
@@ -60,6 +51,7 @@
             <input id="precision" type="number" min="0" max="12" value="4"/>
           </form>
         </div>
+        <div class="span6" id="mouse-position">&nbsp;</div>
       </div>
 
     </div>
diff --git a/examples/overlay.html b/examples/overlay.html
index 8b296c6bfa..0bf2da0c29 100644
--- a/examples/overlay.html
+++ b/examples/overlay.html
@@ -47,7 +47,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Overlay example</h4>
           <p id="shortdesc">Demonstrates overlays.</p>
           <div id="docs">
diff --git a/examples/preload.html b/examples/preload.html
index c2e3e9c015..0a53252a58 100644
--- a/examples/preload.html
+++ b/examples/preload.html
@@ -38,11 +38,11 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Preload example</h4>
           <p id="shortdesc">Example of tile preloading.</p>
           <div id="docs">
-            <p>Low resolution tiles for the map are preloaded, the map on the right does not use any preloading.  Try zooming out and panning to see the difference.</p>
+            <p>The map on the left preloads low resolution tiles.  The map on the right does not use any preloading.  Try zooming out and panning to see the difference.</p>
             <p>See the <a href="preload.js" target="_blank">preload.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">preload, bing</div>
diff --git a/examples/rotation.html b/examples/rotation.html
index 038b71ca8a..94ad4a32b7 100644
--- a/examples/rotation.html
+++ b/examples/rotation.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Rotation example</h4>
           <p id="shortdesc">Example of a rotated map.</p>
           <div id="docs">
diff --git a/examples/scale-line.html b/examples/scale-line.html
index 099e75a227..d490521072 100644
--- a/examples/scale-line.html
+++ b/examples/scale-line.html
@@ -40,7 +40,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Scale line example</h4>
           <p id="shortdesc">Example of a scale line.</p>
           <div id="docs">
diff --git a/examples/semi-transparent-layer.html b/examples/semi-transparent-layer.html
index ec46d2fcf2..6d6971569d 100644
--- a/examples/semi-transparent-layer.html
+++ b/examples/semi-transparent-layer.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Semi-transparent layer example</h4>
           <p id="shortdesc">Example of a map with a semi-transparent layer.</p>
           <div id="docs">
diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 1e25171b54..320103c1b4 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -44,7 +44,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Side-by-side example</h4>
           <p id="shortdesc">The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.</p>
           <div id="docs">
diff --git a/examples/simple.html b/examples/simple.html
index 5891875d0e..aacdd61bf5 100644
--- a/examples/simple.html
+++ b/examples/simple.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Simple example</h4>
           <p id="shortdesc">Example of a simple map.</p>
           <div id="docs">
diff --git a/examples/stamen.html b/examples/stamen.html
index 52562cbe80..966a9a6d82 100644
--- a/examples/stamen.html
+++ b/examples/stamen.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Stamen example</h4>
           <p id="shortdesc">Example of a Stamen tile source.  Two layers are composed: the watercolor base layer with the terrain labels.</p>
           <div id="docs">
diff --git a/examples/style-rules.html b/examples/style-rules.html
index 19d239d279..c4d15bc256 100644
--- a/examples/style-rules.html
+++ b/examples/style-rules.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Style with rules example</h4>
           <p id="shortdesc">Draws features with rule based styles.</p>
           <div id="docs">
diff --git a/examples/teleport.html b/examples/teleport.html
index 4d221d5d0e..b6e6313a31 100644
--- a/examples/teleport.html
+++ b/examples/teleport.html
@@ -44,7 +44,7 @@
 
       <div class="row-fluid">
 
-        <div class="span6">
+        <div class="span12">
           <h4 id="title">Teleport example</h4>
           <p id="shortdesc">Example of moving a map from one target to another.</p>
           <div id="docs">
diff --git a/examples/ten-thousand-points.html b/examples/ten-thousand-points.html
index b7953bcb89..3954e96879 100644
--- a/examples/ten-thousand-points.html
+++ b/examples/ten-thousand-points.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Ten thousand points example</h4>
           <p id="shortdesc">Example of a map with ten thousand points.</p>
           <div id="docs">
diff --git a/examples/tilejson.html b/examples/tilejson.html
index 836d8cb9d6..5dcf7af7ea 100644
--- a/examples/tilejson.html
+++ b/examples/tilejson.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">TileJSON example</h4>
           <p id="shortdesc">Example of a TileJSON layer.</p>
           <div id="docs">
diff --git a/examples/vector-layer.html b/examples/vector-layer.html
index 2b8a08a591..0a3480cadb 100644
--- a/examples/vector-layer.html
+++ b/examples/vector-layer.html
@@ -43,7 +43,7 @@
           </div>
           <div id="tags">vector, geojson, style</div>
         </div>
-        <div class="span4 pull-right">
+        <div class="span4 offset4">
           <div id="info" class="alert alert-success">
             &nbsp;
           </div>
diff --git a/examples/wms-custom-proj.html b/examples/wms-custom-proj.html
index 82f6e868e1..9c3b776d0e 100644
--- a/examples/wms-custom-proj.html
+++ b/examples/wms-custom-proj.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Tiled WMS with Proj4js projection example</h4>
           <p id="shortdesc">Example of two tiled WMS layers (Pixelmap 1:1'000'000 and national parks) using the projection EPSG:21781.</p>
           <div id="docs">
diff --git a/examples/wms-no-proj.html b/examples/wms-no-proj.html
index 9f050ca19e..ae1b169659 100644
--- a/examples/wms-no-proj.html
+++ b/examples/wms-no-proj.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">WMS without client projection example</h4>
           <p id="shortdesc">Example of two WMS layers using the projection EPSG:21781, which is unknown to the client.</p>
           <div id="docs">
diff --git a/examples/wms-single-image-custom-proj.html b/examples/wms-single-image-custom-proj.html
index e9b650582f..4033848697 100644
--- a/examples/wms-single-image-custom-proj.html
+++ b/examples/wms-single-image-custom-proj.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Single image WMS with custom projection example</h4>
           <p id="shortdesc">Example of two single image WMS layers.</p>
           <div id="docs">
diff --git a/examples/wms-single-image.html b/examples/wms-single-image.html
index 40148106dd..2507df5e54 100644
--- a/examples/wms-single-image.html
+++ b/examples/wms-single-image.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Single image WMS example</h4>
           <p id="shortdesc">Example of a single image WMS layer.</p>
           <div id="docs">
diff --git a/examples/wms-tiled.html b/examples/wms-tiled.html
index 6dd6d2cc5d..3da1a788bf 100644
--- a/examples/wms-tiled.html
+++ b/examples/wms-tiled.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">Tiled WMS example</h4>
           <p id="shortdesc">Example of a tiled WMS layer.</p>
           <div id="docs">
diff --git a/examples/wmts-from-capabilities.html b/examples/wmts-from-capabilities.html
index 0be1749ab0..5ede479f03 100644
--- a/examples/wmts-from-capabilities.html
+++ b/examples/wmts-from-capabilities.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">WMTS from capabilities example</h4>
           <p id="shortdesc">Example of a WMTS source built from a WMTS getCapabilities response.</p>
           <div id="docs">
diff --git a/examples/wmts.html b/examples/wmts.html
index 24c5ff8a6f..84875679b6 100644
--- a/examples/wmts.html
+++ b/examples/wmts.html
@@ -35,7 +35,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">WMTS example</h4>
           <p id="shortdesc">Example of a WMTS source.</p>
           <div id="docs">
diff --git a/examples/zoomslider.html b/examples/zoomslider.html
index fd305376d6..b4a7d8aab3 100644
--- a/examples/zoomslider.html
+++ b/examples/zoomslider.html
@@ -96,7 +96,7 @@
 
       <div class="row-fluid">
 
-        <div class="span4">
+        <div class="span12">
           <h4 id="title">ZoomSlider control</h4>
           <p id="shortdesc">Example of various ZoomSlider controls.</p>
           <div id="docs">