fix up docs popover examples and copy

docs/assets/css/bootstrap-responsive.css

@@ -800,16 +800,15 @@
   .thumbnails {
     margin-left: 0;
   }
+  .thumbnails > li {
+    float: none;
+  }
   [class*="span"],
   .row-fluid [class*="span"] {
     display: block;
     float: none;
     width: auto;
-    max-width: 100%;
     margin-left: 0;
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
   }
   .input-large,
   .input-xlarge,

docs/assets/css/bootstrap.css

@@ -4714,7 +4714,7 @@ input[type="submit"].btn.btn-mini {
   left: 0;
   z-index: 1010;
   display: none;
-  width: 218px;
+  width: 238px;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
@@ -4833,6 +4833,7 @@ input[type="submit"].btn.btn-mini {
 
 .popover-title {
   padding: 8px 14px;
+  margin: 0;
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;

docs/assets/css/docs.css

@@ -607,8 +607,8 @@ form.bs-docs-example {
   position: relative;
   display: block;
   float: left;
-  width: 210px;
+  width: 260px;
-  margin: 10px;
+  margin: 20px;
 }
 
 

docs/javascript.html

@@ -863,8 +863,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
   </div>
 
   <h2>Examples</h2>
-  <p>Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover.</p>
+  <p>Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. <strong>Requires <a href="#tooltips">Tooltip</a> to be included.</strong></p>
-  <p class="muted"><strong>*</strong> Requires <a href="#tooltips">Tooltip</a> to be included</p>
 
   <h3>Static popover</h3>
   <p>Four options are available: top, right, bottom, and left aligned.</p>

docs/templates/pages/javascript.mustache

@@ -795,8 +795,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
   </div>
 
   <h2>{{_i}}Examples{{/i}}</h2>
-  <p>{{_i}}Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover.{{/i}}</p>
+  <p>{{_i}}Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. <strong>Requires <a href="#tooltips">Tooltip</a> to be included.</strong>{{/i}}</p>
-  <p class="muted"><strong>*</strong> {{_i}}Requires <a href="#tooltips">Tooltip</a> to be included{{/i}}</p>
 
   <h3>{{_i}}Static popover{{/i}}</h3>
   <p>{{_i}}Four options are available: top, right, bottom, and left aligned.{{/i}}</p>

less/popovers.less

@@ -9,7 +9,7 @@
   left: 0;
   z-index: @zindexPopover;
   display: none;
-  width: 218px;
+  width: 238px;
   background-color: #fff;
   -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
@@ -47,6 +47,7 @@
 }
 
 .popover-title {
+  margin: 0; // reset heading margin
   padding: 8px 14px;
   font-size: 14px;
   font-weight: normal;