cleanup offsets

diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 347de49f644ba0b2e972b87a9abb2098d7e6f322..196ba4a8b084c6ffb8e0c26511eb6756927dad99 100644 (file)
--- a/docs/4.0/components/forms.md
+++ b/docs/4.0/components/forms.md
@@ -412,7 +412,7 @@ Be sure to add `.col-form-label` to your `<label>`s as well so they're verticall
       </div>
     </div>
     <div class="form-group row">
-      <div class="offset-sm-2 col-sm-10">
+      <div class="col-sm-10">
         <button type="submit" class="btn btn-primary">Sign in</button>
       </div>
     </div>

diff --git a/docs/4.0/components/modal.md b/docs/4.0/components/modal.md
index 25891bf40dacc376762c3b4e87587ce7ef0e44b0..587a2b632a7251d450e4b61ad47072d15a832bba 100644 (file)
--- a/docs/4.0/components/modal.md
+++ b/docs/4.0/components/modal.md
@@ -270,14 +270,14 @@ Utilize the Bootstrap grid system within a modal by nesting `.container-fluid` w
         <div class="container-fluid bd-example-row">
           <div class="row">
             <div class="col-md-4">.col-md-4</div>
-            <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
+            <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>
           </div>
           <div class="row">
-            <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
-            <div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div>
+            <div class="col-md-3 ml-auto">.col-md-3 .ml-auto</div>
+            <div class="col-md-2 ml-auto">.col-md-2 .ml-auto</div>
           </div>
           <div class="row">
-            <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
+            <div class="col-md-6 ml-auto">.col-md-6 .ml-auto</div>
           </div>
           <div class="row">
             <div class="col-sm-9">
@@ -313,14 +313,14 @@ Utilize the Bootstrap grid system within a modal by nesting `.container-fluid` w
   <div class="container-fluid">
     <div class="row">
       <div class="col-md-4">.col-md-4</div>
-      <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
+      <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>
     </div>
     <div class="row">
-      <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
-      <div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div>
+      <div class="col-md-3 ml-auto">.col-md-3 .ml-auto</div>
+      <div class="col-md-2 ml-auto">.col-md-2 .ml-auto</div>
     </div>
     <div class="row">
-      <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
+      <div class="col-md-6 ml-auto">.col-md-6 .ml-auto</div>
     </div>
     <div class="row">
       <div class="col-sm-9">

diff --git a/docs/4.0/content/typography.md b/docs/4.0/content/typography.md
index 9ae27f0c47cae4ff3e7fbc1827a5f6feada48889..2f69ea9c633556061500f7619d600549f3487ad0 100644 (file)
--- a/docs/4.0/content/typography.md
+++ b/docs/4.0/content/typography.md
@@ -268,8 +268,10 @@ Align terms and descriptions horizontally by using our grid system's predefined
   <dd class="col-sm-9">A description list is perfect for defining terms.</dd>
 
   <dt class="col-sm-3">Euismod</dt>
-  <dd class="col-sm-9">Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
-  <dd class="col-sm-9 offset-sm-3">Donec id elit non mi porta gravida at eget metus.</dd>
+  <dd class="col-sm-9">
+    <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
+    <p>Donec id elit non mi porta gravida at eget metus.</p>
+  </dd>
 
   <dt class="col-sm-3">Malesuada porta</dt>
   <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>

diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md
index 0cd8f62d58597aefd0a59228babfd1af5499cff0..44d0e112378cc78393d027871902c5ca89e42d34 100644 (file)
--- a/docs/4.0/layout/grid.md
+++ b/docs/4.0/layout/grid.md
@@ -111,10 +111,6 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
       <th class="text-nowrap" scope="row">Nestable</th>
       <td colspan="5">Yes</td>
     </tr>
-    <tr>
-      <th class="text-nowrap" scope="row">Offsets</th>
-      <td colspan="5">Yes</td>
-    </tr>
     <tr>
       <th class="text-nowrap" scope="row">Column ordering</th>
       <td colspan="5">Yes</td>