From ea3fa72f1df7a47f67177913389af6c1ca34ecf0 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 19 Aug 2013 00:45:20 -0700
Subject: [PATCH] Clarify responsive tables and tuck margin

---
 assets/css/docs.css | 3 ++-
 css.html            | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 2748c925ca..1f733a1b4c 100644
--- 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 8b294e2053..f976d229bd 100644
--- 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">