From 4e1808930a7ad9cbfcf76a5b05ac90bced761eb8 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 14 Oct 2013 16:23:20 -0700 Subject: [PATCH] add IDs to frequently-referenced parts of the docs --- getting-started.html | 12 ++++++------ javascript.html | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/getting-started.html b/getting-started.html index c088a2b2c5..1c358edb45 100644 --- a/getting-started.html +++ b/getting-started.html @@ -85,7 +85,7 @@ bootstrap/ {% endhighlight %}

This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). Fonts from Glyphicons are included, as is the optional Bootstrap theme.

-
+

jQuery required

Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template. Consult our bower.json to see which versions of jQuery are supported.

@@ -756,7 +756,7 @@ bootstrap/

Internet Explorer 8 and box-sizing

IE8 does not fully support box-sizing: border-box; when combined with min-width, max-width, min-height, or max-height. For that reason, as of v3.0.1, we no longer use max-width on .containers.

-

IE Compatibility modes

+

IE Compatibility modes

Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate <meta> tag in your pages:

{% highlight html %} @@ -764,7 +764,7 @@ bootstrap/

This tag is included in all docs pages and examples to ensure the best rendering possible in each supported version of Internet Explorer.

See this StackOverflow question for more information.

-

Internet Explorer 10 in Windows 8 and Windows Phone 8

+

Internet Explorer 10 in Windows 8 and Windows Phone 8

Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this:

{% highlight css %} @-ms-viewport { width: device-width; } @@ -792,7 +792,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {

For more information and usage guidelines, read Windows Phone 8 and Device-Width.

As a heads up, we include this in the Bootstrap docs as an example.

-

Safari percent rounding

+

Safari percent rounding

As of Safari v6.1 for OS X and Safari for iOS v7.0.1, Safari's rendering engine has some trouble with the number of decimal places used in our .col-*-1 grid classes. So if you have 12 individual grid columns, you'll notice that they come up short compared to other rows of columns. We can't do much here (see #9282) but you do have some options:

We'll keep an eye on this though and update our code if we have an easy solution.

-

Modals and mobile devices

+

Modals and mobile devices

Overflow and scrolling

Support for overflow: hidden on the <body> element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the <body> content will begin to scroll.

Virtual keyboards

Also, note that if you're using inputs in your modal – iOS has a rendering bug that doesn't update the position of fixed elements when the virtual keyboard is triggered. A few workarounds for this include transforming your elements to position: absolute or invoking a timer on focus to try to correct the positioning manually. This is not handled by Bootstrap, so it is up to you to decide which solution is best for your application.

-

Browser zooming

+

Browser zooming

Page zooming inevitably presents rendering artifacts in some components, both in Bootstrap and the rest of the web. Depending on the issue, we may be able to fix it (search first and then open an issue if need be). However, we tend to ignore these as they often have no direct solution other than hacky workarounds.

diff --git a/javascript.html b/javascript.html index 2b03b0927f..81f3d1e1cf 100644 --- a/javascript.html +++ b/javascript.html @@ -104,7 +104,7 @@ $('#myModal').on('show.bs.modal', function (e) {

Examples

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

-
+

Overlapping modals not supported

Be sure not to open a modal while another is still visible. Showing more than one modal at a time requires custom code.