root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

fixes #17433: improve borders on .list-group-flush to remove dupe borders when appropro

This commit is contained in:
Mark Otto 2015-12-07 10:05:53 -08:00
parent ef5b6a224e
commit a22d2fb5a5
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/components/card.md
View File

@ -51,6 +51,16 @@ Cards support a wide variety of content, including images, text, list groups, li
</div> </div>
{% endexample %} {% endexample %}
{% example html %}
<div class="card">
<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">Vestibulum at eros</li>
</ul>
</div>
{% endexample %}
{% example html %} {% example html %}
<div class="card"> <div class="card">
<img class="card-img-top" data-src="holder.js/100px180/?text=Image cap" alt="Card image cap"> <img class="card-img-top" data-src="holder.js/100px180/?text=Image cap" alt="Card image cap">

12
scss/_list-group.scss
View File

@ -37,6 +37,18 @@
border-width: $list-group-border-width 0; border-width: $list-group-border-width 0;
border-radius: 0; border-radius: 0;
} }
&:first-child {
.list-group-item:first-child {
border-top: 0;
}
}
&:last-child {
.list-group-item:last-child {
border-bottom: 0;
}
}
} }