rename classes from .bs-docs and .bs to .bd

docs/content/tables.md

@@ -342,7 +342,7 @@ Use contextual classes to color table rows or individual cells.
   </table>
 </div>
 
-<div class="bs-example">
+<div class="bd-example">
   <table class="table">
     <thead>
       <tr>
@@ -433,12 +433,12 @@ Use contextual classes to color table rows or individual cells.
 
 Create responsive tables by wrapping any `.table` in `.table-responsive` to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.
 
-<div class="bs-callout bs-callout-warning" id="callout-tables-responsive-overflow">
+<div class="bd-callout bd-callout-warning" id="callout-tables-responsive-overflow">
   <h4>Vertical clipping/truncation</h4>
   <p>Responsive tables make use of <code>overflow-y: hidden</code>, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.</p>
 </div>
 
-<div class="bs-callout bs-callout-warning">
+<div class="bd-callout bd-callout-warning">
   <h4>Firefox and fieldsets</h4>
   <p>Firefox has some awkward fieldset styling involving <code>width</code> that interferes with the responsive table. This cannot be overriden without a Firefox-specific hack that we <strong>don't</strong> provide in Bootstrap:</p>
 {% highlight css %}
@@ -449,7 +449,7 @@ Create responsive tables by wrapping any `.table` in `.table-responsive` to make
   <p>For more information, read <a href="http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685">this Stack Overflow answer</a>.</p>
 </div>
 
-<div class="bs-example">
+<div class="bd-example">
   <div class="table-responsive">
     <table class="table">
       <thead>