From: Mark Otto <otto@github.com>
Date: Tue, 3 Sep 2013 02:52:59 +0000 (-0700)
Subject: update box-sizing third party support section to include mention of google CSE and... 
X-Git-Tag: v3.0.1~86
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=e521ee83094f5a70978cc9d879f400c3ac95369c;p=thirdparty%2Fbootstrap.git

update box-sizing third party support section to include mention of google CSE and expand to include CSS and Less options
---

diff --git a/getting-started.html b/getting-started.html
index e8c20e4984..026a39c350 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -761,16 +761,28 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
     <p class="lead">While we don't officially support any third party plugins or add-ons, we do offer some useful advice to help avoid potential issues in your projects.</p>
 
     <h3>Box-sizing</h3>
-    <p>Certain third party tools—such as Google Maps—have trouble working out of the box with Bootstrap due to our use of <code>* { box-sizing: border-box; }</code>. Use the following snippet to override it when necessary.</p>
+    <p>Certain third party tools—such as Google Maps and Google Custom Search Engine—have trouble working out of the box with Bootstrap due to our use of <code>* { box-sizing: border-box; }</code>. Use the following snippet to override it when necessary.</p>
 {% highlight css %}
 /* Box-sizing reset
  *
  * Wrap your third party code in a `.reset-box-sizing` to override Bootstrap's
- * global `box-sizing` changes.
+ * global `box-sizing` changes. Use Option A if you're writing regular CSS or
+ * Option B for use in Less via mixin (requires access to Bootstrap's mixins).
  */
 
+/* Option A: CSS */
 .reset-box-sizing,
-.reset-box-sizing * { .box-sizing(content-box); }
+.reset-box-sizing * {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+/* Option B: Less mixin */
+.reset-box-sizing,
+.reset-box-sizing * {
+  .box-sizing(content-box);
+}
 {% endhighlight %}
   </div>