From f4b983ed11bba1d695990fa66b14f2ce277b3c7b Mon Sep 17 00:00:00 2001 From: Bryan Keiren Date: Fri, 2 Aug 2013 18:07:31 +0200 Subject: Added short instruction for obtaining respond.js The Getting-Started page only lists the actual instructions for respond.js (its purpose and source) *after* listing a piece of example HTML code for the user to copy and paste. It would probably be more clear if that piece of HTML code actually lists where the user can obtain respond.js. Otherwise the user has to scroll down and read 1 specific line on the rest of the page (under the 'IE 8 and 9' compatibility section), in order to know that respond.js can be obtained from a GitHub page (and that it is in fact NOT part of the downloadable Bootstrap file that's provided earlier on the page, even though the use of response.js in the example HTML code seems to suggest that it *is* part of the Bootstrap download). It's a minor issue but this fix should make it just a little bit more clear to a user how the example HTML code works (lest they copy/paste it and find out the browser can't find respond.js). --- getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 0b4f6a959..2f72fa767 100644 --- a/getting-started.html +++ b/getting-started.html @@ -112,7 +112,7 @@ bootstrap/ - + -- cgit v1.2.3 From 23ef8c0c209844dd8b92d2a5ac82daffa7bd2914 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sat, 3 Aug 2013 21:39:57 -0700 Subject: Greater standardization of sizing terminology In class names: * large => lg * small => sm * mini => xs ("Extra small") In screen size categories: * Tiny => Extra small --- getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 2f72fa767..42947bbcd 100644 --- a/getting-started.html +++ b/getting-started.html @@ -17,7 +17,7 @@ base_url: "../"

Download compiled CSS and JS

The fastest way to get started is to get the compiled and minified versions of our CSS and JavaScript. No documentation or original source files are included.

-

Download Bootstrap

+

Download Bootstrap

-- cgit v1.2.3 From e444baa22fbe09761ba99796858f59e98f456a4b Mon Sep 17 00:00:00 2001 From: liuyl Date: Mon, 5 Aug 2013 17:01:44 +0800 Subject: remove image description --- getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 42947bbcd..317435636 100644 --- a/getting-started.html +++ b/getting-started.html @@ -77,7 +77,7 @@ bootstrap/ │ ├── bootstrap.min.js {% endhighlight %} -

This is the most basic form of Bootstrap: compiled 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.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

+

This is the most basic form of Bootstrap: compiled 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.*).

jQuery required

Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template.

-- cgit v1.2.3 From e92518aec201e5b17d464853e1d6a9359f18849b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 5 Aug 2013 08:17:41 -0700 Subject: more docs changes --- getting-started.html | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 42947bbcd..c404f9609 100644 --- a/getting-started.html +++ b/getting-started.html @@ -19,8 +19,6 @@ base_url: "../"

The fastest way to get started is to get the compiled and minified versions of our CSS and JavaScript. No documentation or original source files are included.

Download Bootstrap

-
-

More download options

@@ -38,8 +36,6 @@ base_url: "../" {% highlight bash %}$ bower install bootstrap{% endhighlight %}

-
-

Use the Bootstrap CDN

The folks over at NetDNA have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.

{% highlight html linenos %} @@ -112,7 +108,7 @@ bootstrap/ - + -- cgit v1.2.3 From 287fdf83818da096559b7c56732e1bc41c25418e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 15:21:26 -0700 Subject: fixes #9162: add mention of Windows Phone 8 and IE10 bugs with responsive foo --- getting-started.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index ef0bdbf53..4f60acc7d 100644 --- a/getting-started.html +++ b/getting-started.html @@ -149,6 +149,29 @@ bootstrap/ {% endhighlight %}

See this StackOverflow question for more information.

+ +

Windows Phone 8 and Internet Explorer 10

+

Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.

+{% highlight css %} +@-webkit-viewport { width: device-width; } +@-moz-viewport { width: device-width; } +@-ms-viewport { width: device-width; } +@-o-viewport { width: device-width; } +@viewport { width: device-width; } +{% endhighlight %} + +{% highlight js %} +if (navigator.userAgent.match(/IEMobile\/10\.0/)) { + var msViewportStyle = document.createElement("style"); + msViewportStyle.appendChild( + document.createTextNode( + "@-ms-viewport{width:auto!important}" + ) + ); + document.getElementsByTagName("head")[0].appendChild(msViewportStyle); +} +{% endhighlight %} +

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

-- cgit v1.2.3 From 726bc028857ad9e5a9e6255cd9a638b051ad8ba7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 15:52:06 -0700 Subject: For @cvrebert --- getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 4f60acc7d..ee9da8629 100644 --- a/getting-started.html +++ b/getting-started.html @@ -171,7 +171,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) { document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } {% endhighlight %} -

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

+

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

-- cgit v1.2.3 From f3bf32ffc51c1bafd60f5704a638fc56cf464386 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 16:30:28 -0700 Subject: add third party support section to the docs --- getting-started.html | 35 +++++++++++++++++++++++++++++++++-- 1 file changed, 33 insertions(+), 2 deletions(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index ef0bdbf53..26787ab34 100644 --- a/getting-started.html +++ b/getting-started.html @@ -120,11 +120,11 @@ bootstrap/ -
-

Browser compatibility

+

Browser support

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.

@@ -153,6 +153,37 @@ bootstrap/ + +
+
+

Third party support

+
+

While we don't officially support any third party plugins or add-ons, we do offer some helpful advice to help avoid some 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 %} +
+ + + +
-- cgit v1.2.3 From dbde90ec0dc28aea7d9bdb337fd8f621011f2054 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 17:46:40 -0700 Subject: some copy editing --- getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 480931f3b..38b6f4ed4 100644 --- a/getting-started.html +++ b/getting-started.html @@ -182,7 +182,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {

Third party support

-

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

+

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.

-- cgit v1.2.3