From 7c0c51c9d66d20da3c8d607ff94fd27c5f8e0ec0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jul 2014 01:52:44 -0700 Subject: move remaining getting started files to new folder --- .../getting-started/third-party-support.html | 51 ---------------------- 1 file changed, 51 deletions(-) delete mode 100644 docs/_includes/getting-started/third-party-support.html (limited to 'docs/_includes/getting-started/third-party-support.html') diff --git a/docs/_includes/getting-started/third-party-support.html b/docs/_includes/getting-started/third-party-support.html deleted file mode 100644 index 77d869c53..000000000 --- a/docs/_includes/getting-started/third-party-support.html +++ /dev/null @@ -1,51 +0,0 @@ -
-

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.

-

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 - * - * Reset individual elements or override regions to avoid conflicts due to - * global box model settings of Bootstrap. Two options, individual overrides and - * region resets, are available as plain CSS and uncompiled Less formats. - */ - -/* Option 1A: Override a single element's box model via CSS */ -.element { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -/* Option 1B: Override a single element's box model by using a Bootstrap Less mixin */ -.element { - .box-sizing(content-box); -} - -/* Option 2A: Reset an entire region via CSS */ -.reset-box-sizing, -.reset-box-sizing *, -.reset-box-sizing *:before, -.reset-box-sizing *:after { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -/* Option 2B: Reset an entire region with a custom Less mixin */ -.reset-box-sizing { - &, - *, - *:before, - *:after { - .box-sizing(content-box); - } -} -.element { - .reset-box-sizing(); -} -{% endhighlight %} -
-- cgit v1.2.3