Update docs to reflect new breakpoint naming convention

docs/examples/index.md

@@ -10,14 +10,14 @@ title: Examples
 Examples that focus on implementing uses of built-in components provided by Bootstrap.
 
 <div class="row bd-examples">
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/starter-template/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/starter-template.jpg" alt="">
     </a>
     <h4>Starter template</h4>
     <p>Nothing but the basics: compiled CSS and JavaScript.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/grid/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/grid.jpg" alt="">
     </a>
@@ -26,14 +26,14 @@ Examples that focus on implementing uses of built-in components provided by Boot
   </div>
   <div class="clearfix hidden-md-up"></div>
 
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/jumbotron/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/jumbotron.jpg" alt="">
     </a>
     <h4>Jumbotron</h4>
     <p>Build around the jumbotron with a navbar and some basic grid columns.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/narrow-jumbotron/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/jumbotron-narrow.jpg" alt="">
     </a>
@@ -47,14 +47,14 @@ Examples that focus on implementing uses of built-in components provided by Boot
 Taking the default navbar component and showing how it can be moved, placed, and extended.
 
 <div class="row bd-examples">
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/navbar/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/navbar.jpg" alt="">
     </a>
     <h4>Navbar</h4>
     <p>Super basic template that includes the navbar along with some additional content.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/navbar-top/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/navbar-static.jpg" alt="">
     </a>
@@ -63,7 +63,7 @@ Taking the default navbar component and showing how it can be moved, placed, and
   </div>
   <div class="clearfix hidden-md-up"></div>
 
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/navbar-top-fixed/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/navbar-fixed.jpg" alt="">
     </a>
@@ -77,14 +77,14 @@ Taking the default navbar component and showing how it can be moved, placed, and
 Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.
 
 <div class="row bd-examples">
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/album/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/album.jpg" alt="">
     </a>
     <h4>Album</h4>
     <p>Simple one-page template for photo galleries, portfolios, and more.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/cover/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/cover.jpg" alt="">
     </a>
@@ -93,14 +93,14 @@ Brand new components and templates to help folks quickly get started with Bootst
   </div>
   <div class="clearfix hidden-md-up"></div>
 
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/carousel/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/carousel.jpg" alt="">
     </a>
     <h4>Carousel</h4>
     <p>Customize the navbar and carousel, then add some new components.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/blog/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/blog.jpg" alt="">
     </a>
@@ -109,14 +109,14 @@ Brand new components and templates to help folks quickly get started with Bootst
   </div>
   <div class="clearfix hidden-md-up"></div>
 
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/dashboard/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/dashboard.jpg" alt="">
     </a>
     <h4>Dashboard</h4>
     <p>Basic admin dashboard shell with fixed sidebar and navbar.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/signin/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/sign-in.jpg" alt="">
     </a>
@@ -125,14 +125,14 @@ Brand new components and templates to help folks quickly get started with Bootst
   </div>
   <div class="clearfix hidden-md-up"></div>
 
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/justified-nav/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/justified-nav.jpg" alt="">
     </a>
     <h4>Justified nav</h4>
     <p>Create a custom navbar with justified links. Heads up! Not too Safari friendly.</p>
   </div>
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/sticky-footer/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/sticky-footer.jpg" alt="">
     </a>
@@ -141,7 +141,7 @@ Brand new components and templates to help folks quickly get started with Bootst
   </div>
   <div class="clearfix hidden-md-up"></div>
 
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/sticky-footer-navbar/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/sticky-footer-navbar.jpg" alt="">
     </a>
@@ -155,7 +155,7 @@ Brand new components and templates to help folks quickly get started with Bootst
 Examples that focus on future-friendly features or techniques.
 
 <div class="row bd-examples">
-  <div class="col-xs-6 col-md-4">
+  <div class="col-6 col-md-4">
     <a href="{{ site.baseurl }}/examples/offcanvas/">
       <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/offcanvas.jpg" alt="">
     </a>