Docs examples update

* Remove unused fluid image
* Add image, link, and description for new grid example
* Update sign in example image

docs/assets/css/docs.css

@@ -21,6 +21,10 @@ body {
 .bs-docs-container {
   max-width: 860px;
 }
+.bs-docs-container .row {
+  margin-left: -15px;
+  margin-right: -15px;
+}
 
 /*  */
 .bs-docs-footer {
@@ -215,15 +219,15 @@ section > ul li {
   left: 0;
   bottom: 0;
   width: 240px;
-  background-color: #f5f5f5;
   overflow-y: scroll;
   text-shadow: 0 1px 0 #fff;
-  box-shadow: inset -1px 0 0 #e5e5e5;
+  background-color: #f5f5f5;
+  border-right: 1px solid #e5e5e5;
 }
 
 /* Nav: first level */
 .bs-docs-sidebar > .nav {
-  margin: 0 0 25px;
+  margin: 0 -1px 25px 0;
 }
 .bs-docs-sidebar .nav > li > a {
   display: block;

docs/docs.html

@@ -112,14 +112,21 @@ title: Bootstrap Documentation
           <img src="/assets/img/examples/bootstrap-example-starter.png" alt="">
         </a>
         <h4>Starter template</h4>
-        <p>A barebones HTML document with all the Bootstrap CSS and JavaScript included.</p>
+        <p>A barebones HTML page with Bootstrap's CSS and JavaScript included.</p>
+      </div>
+      <div class="col-span-4">
+        <a class="thumbnail" href="/examples/grid/" target="_blank">
+          <img src="/assets/img/examples/bootstrap-example-grid.png" alt="">
+        </a>
+        <h4>Basic grid layouts</h4>
+        <p>Simple grid layouts to familiarize you with using the Bootstrap grid system.</p>
       </div>
       <div class="col-span-4">
         <a class="thumbnail" href="/examples/jumbotron/" target="_blank">
           <img src="/assets/img/examples/bootstrap-example-marketing.png" alt="">
         </a>
         <h4>Basic marketing site</h4>
-        <p>Featuring a hero unit for a primary message and three supporting elements.</p>
+        <p>Features a jumbotron for primary message and three supporting elements.</p>
       </div>
       <div class="col-span-4">
         <a class="thumbnail" href="/examples/jumbotron-narrow/" target="_blank">
@@ -259,7 +266,6 @@ title: Bootstrap Documentation
 
     <h3>Removing potential bloat</h3>
     <p>Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our <a href="./customizer/">Customizer</a>.</p>
-    <p>**img**</p>
     <p>Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.</p>
 
   </div>