diff --git a/_includes/nav-getting-started.html b/_includes/nav-getting-started.html index 022d335cd6..9788facdda 100644 --- a/_includes/nav-getting-started.html +++ b/_includes/nav-getting-started.html @@ -14,9 +14,12 @@
  • Browser support
  • +
  • + Third party support +
  • License FAQs
  • Customizing Bootstrap -
  • \ No newline at end of file + diff --git a/browserstack.json b/browserstack.json index c83f1eaf0a..76564eb27a 100644 --- a/browserstack.json +++ b/browserstack.json @@ -32,30 +32,6 @@ "browser_version": "latest", "os": "Windows", "os_version": "7" - }, - { - "browser": "ie", - "browser_version": "8.0", - "os": "Windows", - "os_version": "XP" - }, - { - "browser": "ie", - "browser_version": "9.0", - "os": "Windows", - "os_version": "7" - }, - { - "browser": "ie", - "browser_version": "10.0", - "os": "Windows", - "os_version": "8" - }, - { - "browser": "ie", - "browser_version": "11.0", - "os": "Windows", - "os_version": "7" } ] } diff --git a/getting-started.html b/getting-started.html index ee9da86299..38b6f4ed4a 100644 --- a/getting-started.html +++ b/getting-started.html @@ -120,11 +120,11 @@ bootstrap/ -

    Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older and less advanced browsers might receive a less stylized, though fully functional, version of certain components.

    @@ -176,6 +176,37 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) { + +
    + +

    While we don't officially support any third party plugins or add-ons, we do offer some helpful advice to help avoid potential issues in your projects.

    + +

    Google Maps

    +

    If you're using Google Maps on a Bootstrapped project, you might run into some display problems due to our use of * { box-sizing: border-box; }. Previously, you may have also ran into issues with the use of max-width on images. The following snippet should avoid all those problems.

    +{% highlight css %} +/* Fix Google Maps canvas + * + * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's + * global `box-sizing` changes. You may optionally need to reset the `max-width` + * on images in case you've applied that anywhere else. (That shouldn't be as + * necessary with Bootstrap 3 though as that behavior is relegated to the + * `.img-responsive` class.) + */ + +.google-map-canvas, +.google-map-canvas * { .box-sizing(content-box); } + +/* Optional responsive image override */ +img { max-width: none; } +{% endhighlight %} +
    + + + +