aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2016-02-06 20:01:37 -0800
committerMark Otto <[email protected]>2016-02-06 20:01:37 -0800
commitccf971d860a164e6c110bda012a7577d807ad7af (patch)
treed995f09deeb2103a161c5d4de498d3e6704f8214
parentf3802a839b7e3b0a153c1ad08122444bf17e4ecc (diff)
downloadbootstrap-ccf971d860a164e6c110bda012a7577d807ad7af.tar.xz
bootstrap-ccf971d860a164e6c110bda012a7577d807ad7af.zip
Fixes #17969: Clear horizontal dls
- Using the grid classes, they still need clearfixes since rows aren't injected between them all - Update docs to fix broken classes
-rw-r--r--docs/content/typography.md6
-rw-r--r--scss/_type.scss9
2 files changed, 12 insertions, 3 deletions
diff --git a/docs/content/typography.md b/docs/content/typography.md
index 2c0207375..0c6d53aa2 100644
--- a/docs/content/typography.md
+++ b/docs/content/typography.md
@@ -232,7 +232,7 @@ Align terms and descriptions horizontally by using our grid system's predefined
<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 col-sm-offset-3">Donec id elit non mi porta gravida at eget metus.</dd>
+ <dd class="col-sm-9 offset-sm-3">Donec id elit non mi porta gravida at eget metus.</dd>
<dt class="col-sm-3">Malesuada porta</dt>
<dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>
@@ -243,8 +243,8 @@ Align terms and descriptions horizontally by using our grid system's predefined
<dt class="col-sm-3">Nesting</dt>
<dd class="col-sm-9">
<dl class="row">
- <dt class="col-sm-3">Nested definition list</dt>
- <dd class="col-sm-9">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
+ <dt class="col-sm-4">Nested definition list</dt>
+ <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
</dl>
</dd>
</dl>
diff --git a/scss/_type.scss b/scss/_type.scss
index 9fe8194db..f29ef493d 100644
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -137,3 +137,12 @@ mark,
content: "\00A0 \2014"; // nbsp, em dash
}
}
+
+// Clean up some horizontal `<dl>`s built with grids
+// scss-lint:disable QualifyingElement
+dl.row {
+ > dd + dt {
+ clear: left;
+ }
+}
+// scss-lint:enable QualifyingElement