add List Group Flush to List Group docs (#25289)

fixes #25288
twbs · Jan 14, 2018 · 638953e · 638953e
1 parent ffcbdb5
commit 638953e
Showing 1 changed file with 14 additions and 0 deletions.
diff --git 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.