diff --git a/docs/getting-started/third-party-support.md b/docs/getting-started/third-party-support.md index 77d869c536..c469b644e7 100644 --- a/docs/getting-started/third-party-support.md +++ b/docs/getting-started/third-party-support.md @@ -1,10 +1,16 @@ -
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.
+--- +layout: page +title: Third party support +--- + +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. + +### Box-sizing + +Some third party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to `* { box-sizing: border-box; }`, a rule which makes it so `padding` does not affect the final computed width of an element. Learn more about [box model and sizing at CSS Tricks](http://css-tricks.com/box-sizing/). + +Depending on the context, you may override as-needed (Option 1) or reset the box-sizing for entire regions (Option 2). -Some third party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to * { box-sizing: border-box; }
, a rule which makes it so padding
does not affect the final computed width of an element. Learn more about box model and sizing at CSS Tricks.
Depending on the context, you may override as-needed (Option 1) or reset the box-sizing for entire regions (Option 2).
{% highlight scss %} /* Box-sizing resets * @@ -48,4 +54,3 @@ .reset-box-sizing(); } {% endhighlight %} -