Skip to content

Commit e521ee8

Browse files
committed
update box-sizing third party support section to include mention of google CSE and expand to include CSS and Less options
1 parent a245c0d commit e521ee8

File tree

1 file changed

+15
-3
lines changed

1 file changed

+15
-3
lines changed

getting-started.html

+15-3
Original file line numberDiff line numberDiff line change
@@ -761,16 +761,28 @@ <h1 id="third-parties">Third party support</h1>
761761
<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>
762762

763763
<h3>Box-sizing</h3>
764-
<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>
764+
<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>
765765
{% highlight css %}
766766
/* Box-sizing reset
767767
*
768768
* Wrap your third party code in a `.reset-box-sizing` to override Bootstrap's
769-
* global `box-sizing` changes.
769+
* global `box-sizing` changes. Use Option A if you're writing regular CSS or
770+
* Option B for use in Less via mixin (requires access to Bootstrap's mixins).
770771
*/
771772

773+
/* Option A: CSS */
772774
.reset-box-sizing,
773-
.reset-box-sizing * { .box-sizing(content-box); }
775+
.reset-box-sizing * {
776+
-webkit-box-sizing: content-box;
777+
-moz-box-sizing: content-box;
778+
box-sizing: content-box;
779+
}
780+
781+
/* Option B: Less mixin */
782+
.reset-box-sizing,
783+
.reset-box-sizing * {
784+
.box-sizing(content-box);
785+
}
774786
{% endhighlight %}
775787
</div>
776788

0 commit comments

Comments
 (0)