scope .content in container example

examples/container-app.html

@@ -29,7 +29,7 @@
       }
 
       /* The white background content wrapper */
-      .content {
+      .body-content {
         background-color: #fff;
         padding: 20px;
         margin: 0 -20px 18px; /* negative indent the amount of the padding to maintain the grid system */
@@ -49,12 +49,12 @@
       }
 
       /* Styles you shouldn't keep as they are for displaying this base example only */
-      .content .span7,
-      .content .span3 {
+      .body-content .span7,
+      .body-content .span3 {
         min-height: 500px;
       }
       /* Give a quick and non-cross-browser friendly divider */
-      .content .span3 {
+      .body-content .span3 {
         margin-left: 0;
         padding-left: 19px;
         border-left: 1px solid #eee;
@@ -90,7 +90,7 @@
 
     <div class="container">
 
-      <div class="content">
+      <div class="body-content">
         <div class="page-header">
           <h1>Page name <small>Supporting text or tagline</small></h1>
         </div>