Merge branch 'v4' of https://github.com/twbs/derpstrap into v4

docs/index.html

@@ -3,11 +3,11 @@ layout: home
 title: Bootstrap · The world's most popular mobile-first and responsive front-end framework.
 ---
 
-<main class="bs-docs-masthead" id="content" role="main" tabindex="-1">
+<main class="bd-masthead" id="content" role="main" tabindex="-1">
   <div class="container">
     {% include nav-home.html %}
 
-    <span class="bs-docs-booticon outline">B</span>
+    <span class="bd-booticon outline">B</span>
     <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p>
     <p class="lead">
       <a href="getting-started#download" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
@@ -17,7 +17,7 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
   </div>
 </main>
 
-<div class="bs-docs-featurette">
+<div class="bd-featurette">
   <div class="container">
     <h2 class="bs-docs-featurette-title">Easy to get started.</h2>
     <p class="lead">Quickly include Bootstrap's CSS and JS into any project. Use your favorite package manager, download the source, or use the <a href="#">Bootstrap CDN</a>.</p>
@@ -38,9 +38,9 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
   </div>
 </div>
 
-<div class="bs-docs-featurette">
+<div class="bd-featurette">
   <div class="container">
-    <h2 class="bs-docs-featurette-title">Designed for everyone, everywhere.</h2>
+    <h2 class="bd-featurette-title">Designed for everyone, everywhere.</h2>
     <p class="lead">Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
 
     <hr class="half-rule">
@@ -70,14 +70,14 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
   </div>
 </div>
 
-<div class="bs-docs-featurette">
+<div class="bd-featurette">
   <div class="container">
-    <h2 class="bs-docs-featurette-title">Built with Bootstrap.</h2>
+    <h2 class="bd-featurette-title">Built with Bootstrap.</h2>
     <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="../getting-started/#examples">collection of examples</a> or by exploring some of our favorites.</p>
 
     <hr class="half-rule">
 
-    <div class="row bs-docs-featured-sites">
+    <div class="row bd-featured-sites">
     {% for showcase in site.data.showcase %}
       <div class="col-xs-6 col-sm-3">
         <a href="{{ showcase.expo_url }}" target="_blank" title="{{ showcase.name }}">