Clarify responsive tables and tuck margin

This commit is contained in:
Mark Otto 2013-08-19 00:45:20 -07:00
parent 08d19af710
commit ea3fa72f1d
2 changed files with 3 additions and 2 deletions

View File

@ -633,7 +633,8 @@ h1[id] {
.bs-example > .panel:last-child,
.bs-example > .list-group:last-child,
.bs-example > .well:last-child,
.bs-example > .progress:last-child {
.bs-example > .progress:last-child,
.bs-example > .table-responsive:last-child > .table {
margin-bottom: 0;
}
.bs-example > p > .close {

View File

@ -1333,7 +1333,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<h2 id="tables-responsive">Responsive tables</h2>
<p>Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code> to make them scroll horizontally up to small devices (under 768px).</p>
<p>Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code> to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.</p>
<div class="bs-example">
<div class="table-responsive">
<table class="table">