diff options
author | Mark Otto <otto@github.com> | 2019-01-07 04:01:36 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-01-07 04:01:36 +0300 |
commit | e6b1eefc7392478c4acedaebc3c6b27a47e586c4 (patch) | |
tree | 72f9b8959bb5ce2cd3ea0a9ca5819ad5d79b830a /site/docs/4.2/assets | |
parent | 42bed436e86103ba85e56ea76a1c6cc6d16218ba (diff) |
Add horizontal list group modifier (#27970)
Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.
Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
Diffstat (limited to 'site/docs/4.2/assets')
-rw-r--r-- | site/docs/4.2/assets/scss/_component-examples.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/site/docs/4.2/assets/scss/_component-examples.scss b/site/docs/4.2/assets/scss/_component-examples.scss index c508764203..ac65e128ce 100644 --- a/site/docs/4.2/assets/scss/_component-examples.scss +++ b/site/docs/4.2/assets/scss/_component-examples.scss @@ -246,6 +246,9 @@ .bd-example > .list-group { max-width: 400px; } +.bd-example > [class*="list-group-horizontal"] { + max-width: 100%; +} // Navbars .bd-example { |