diff options
| author | Jason Korth <[email protected]> | 2018-01-14 17:46:58 -0600 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-01-14 15:46:58 -0800 |
| commit | 638953e1195d1ea4d37b8a994e0272749bd2d7f2 (patch) | |
| tree | b63e5726118d534fa1e1fd32caf0b0b80adf6782 | |
| parent | ffcbdb5a1c52366e84b2c15999d83abc8ad36dbf (diff) | |
| download | bootstrap-638953e1195d1ea4d37b8a994e0272749bd2d7f2.tar.xz bootstrap-638953e1195d1ea4d37b8a994e0272749bd2d7f2.zip | |
add List Group Flush to List Group docs (#25289)
fixes #25288
| -rw-r--r-- | docs/4.0/components/list-group.md | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/docs/4.0/components/list-group.md b/docs/4.0/components/list-group.md index 3f439ae17..1110eadd6 100644 --- a/docs/4.0/components/list-group.md +++ b/docs/4.0/components/list-group.md @@ -80,6 +80,20 @@ With `<button>`s, you can also make use of the `disabled` attribute instead of t </div> {% endexample %} +## Flush + +Add `.list-group-flush` to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards). + +{% example html %} +<ul class="list-group list-group-flush"> + <li class="list-group-item">Cras justo odio</li> + <li class="list-group-item">Dapibus ac facilisis in</li> + <li class="list-group-item">Morbi leo risus</li> + <li class="list-group-item">Porta ac consectetur ac</li> + <li class="list-group-item">Vestibulum at eros</li> +</ul> +{% endexample %} + ## Contextual classes Use contextual classes to style list items with a stateful background and color. |