aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-07-01 10:42:36 -0700
committerMark Otto <[email protected]>2017-07-01 10:42:36 -0700
commit78167242b396f2c581468dd761f15391ee1e44f5 (patch)
tree452f5141ec05023593da9f4df80c501e62cc7cb2 /docs
parent7f6479b0d9878dc8fc2de2a6787ec0f6450b46c9 (diff)
downloadbootstrap-78167242b396f2c581468dd761f15391ee1e44f5.tar.xz
bootstrap-78167242b396f2c581468dd761f15391ee1e44f5.zip
cleanup offsets
Diffstat (limited to 'docs')
-rw-r--r--docs/4.0/components/forms.md2
-rw-r--r--docs/4.0/components/modal.md16
-rw-r--r--docs/4.0/content/typography.md6
-rw-r--r--docs/4.0/layout/grid.md4
4 files changed, 13 insertions, 15 deletions
diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 347de49f6..196ba4a8b 100644
--- 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 25891bf40..587a2b632 100644
--- 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 9ae27f0c4..2f69ea9c6 100644
--- 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 0cd8f62d5..44d0e1123 100644
--- a/docs/4.0/layout/grid.md
+++ b/docs/4.0/layout/grid.md
@@ -112,10 +112,6 @@ See how aspects of the Bootstrap grid system work across multiple devices with a
<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>
</tr>