Clarify responsive tables and tuck margin

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 2748c925ca5d59345b0b116765ea566e80c9f937..1f733a1b4c16ffa88a41ee7e98a3cc54a9e1166e 100644 (file)
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -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 {

diff --git a/css.html b/css.html
index 8b294e205335c006ae6cda5f327a27e51ae3bbc8..f976d229bd7020a4bc63fc727fbf6c381683e06e 100644 (file)
--- a/css.html
+++ b/css.html
@@ -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">