Clarify responsive tables and tuck margin

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 {

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">