From 172de467eb1ddf869fac06636e1dd8ae35cfba94 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 17 Jan 2014 17:12:52 -0800 Subject: present browser compatibility info in a table --- docs/getting-started.html | 55 ++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 47 insertions(+), 8 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 941b423cd..c58c6cd1e 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -773,14 +773,53 @@ bootstrap/

Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though fully functional, renderings of certain components.

Supported browsers

-

Specifically, we support the latest versions of the following:

- +

Specifically, we support the latest versions of the following browsers on the following platforms:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ChromeFirefoxInternet ExplorerOperaSafari
Android Supported Not SupportedN/A Not SupportedN/A
iOS SupportedN/A Not Supported Supported
Mac OS X Supported Supported Supported Supported
Windows Supported Supported Supported Supported Not Supported
+

Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, Firefox for Linux, and Internet Explorer 7, though they are not officially supported.

Internet Explorer 8 and 9

-- cgit v1.2.3 From dcdf716eef06ceed259c525a0ab70e7065e3a14a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 17 Jan 2014 19:04:14 -0800 Subject: copy --- docs/getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index c58c6cd1e..cdcf007ae 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -773,7 +773,7 @@ bootstrap/

Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though fully functional, renderings of certain components.

Supported browsers

-

Specifically, we support the latest versions of the following browsers on the following platforms:

+

Specifically, we support the latest versions of the following browsers and platforms:

-- cgit v1.2.3 From a56cf753ceba9aebb31fdca48fae96ebfc188b1d Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Sat, 18 Jan 2014 18:40:47 +0100 Subject: Make spelling of Less uniform throughout the docs --- docs/getting-started.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index cdcf007ae..85171e18d 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -87,7 +87,7 @@ bootstrap/

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.

Bootstrap source code

-

The Bootstrap source code download includes the precompiled CSS, JavaScript, and font assets, along with source LESS, JavaScript, and documentation. More specifically, it includes the following and more:

+

The Bootstrap source code download includes the precompiled CSS, JavaScript, and font assets, along with source Less, JavaScript, and documentation. More specifically, it includes the following and more:

{% highlight bash %} bootstrap/ ├── less/ @@ -965,7 +965,7 @@ if (isAndroid) { * * 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. + * region resets, are available as plain CSS and uncompiled Less formats. */ /* Option 1A: Override a single element's box model via CSS */ @@ -975,7 +975,7 @@ if (isAndroid) { box-sizing: content-box; } -/* Option 1B: Override a single element's box model by using a Bootstrap LESS mixin */ +/* Option 1B: Override a single element's box model by using a Bootstrap Less mixin */ .element { .box-sizing(content-box); } @@ -990,7 +990,7 @@ if (isAndroid) { box-sizing: content-box; } -/* Option 2B: Reset an entire region with a custom LESS mixin */ +/* Option 2B: Reset an entire region with a custom Less mixin */ .reset-box-sizing { &, *, @@ -1080,7 +1080,7 @@ if (isAndroid) {

Customizing Bootstrap

Bootstrap is best maintained when you treat it as a separate and independently-versioned dependency in your development environment. Doing this makes upgrading Bootstrap easier in the future.

-

Once you've downloaded and included Bootstrap's styles and scripts, you can customize its components. Just create a new stylesheet (LESS, if you like, or just plain CSS) to house your customizations.

+

Once you've downloaded and included Bootstrap's styles and scripts, you can customize its components. Just create a new stylesheet (Less, if you like, or just plain CSS) to house your customizations.

Compiled or minified?

@@ -1142,7 +1142,7 @@ if (isAndroid) {

Alternate customization methods

-

While not recommended for folks new to Bootstrap, you may use one of two alternate methods for customization. The first is modifying the source .less files (making upgrades super difficult), and the second is mapping source LESS code to your own classes via mixins. For the time being, neither of those options are documented here.

+

While not recommended for folks new to Bootstrap, you may use one of two alternate methods for customization. The first is modifying the source .less files (making upgrades super difficult), and the second is mapping source Less code to your own classes via mixins. For the time being, neither of those options are documented here.

Removing potential bloat

-- cgit v1.2.3 From c32261221829f32c4ad808d1ccc1a2090a114bff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 18 Jan 2014 14:09:09 -0800 Subject: move migration docs to new separate page, leave callout on getting started page; fixes #12244 --- docs/getting-started.html | 416 +--------------------------------------------- 1 file changed, 4 insertions(+), 412 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 85171e18d..5bb088d43 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -350,418 +350,10 @@ bootstrap/ - -
-

Migrating from 2.x to 3.0

-

Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement.

- -

Major class changes

-

This table shows the style changes between v2.x and v3.0.

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Bootstrap 2.xBootstrap 3.0
.row-fluid.row
.span*.col-md-*
.offset*.col-md-offset-*
.brand.navbar-brand
.nav-collapse.navbar-collapse
.nav-toggle.navbar-toggle
.btn-navbar.navbar-btn
.hero-unit.jumbotron
.icon-*.glyphicon .glyphicon-*
.btn.btn .btn-default
.btn-mini.btn-xs
.btn-small.btn-sm
.btn-large.btn-lg
.alert-error.alert-danger
.visible-phone.visible-xs
.visible-tablet.visible-sm
.visible-desktopSplit into .visible-md .visible-lg
.hidden-phone.hidden-xs
.hidden-tablet.hidden-sm
.hidden-desktopSplit into .hidden-md .hidden-lg
.input-small.input-sm
.input-large.input-lg
.input-block-level.form-control
.control-group.form-group
.control-group.warning .control-group.error .control-group.success.form-group.has-*
.checkbox.inline .radio.inline.checkbox-inline .radio-inline
.input-prepend .input-append.input-group
.add-on.input-group-addon
.img-polaroid.img-thumbnail
ul.unstyled.list-unstyled
ul.inline.list-inline
.muted.text-muted
.label.label .label-default
.label-important.label-danger
.text-error.text-danger
.table .error.table .danger
.bar.progress-bar
.bar-*.progress-bar-*
.accordion.panel-group
.accordion-group.panel .panel-default
.accordion-heading.panel-heading
.accordion-body.panel-collapse
.accordion-inner.panel-body
-
- -

What's new

-

We've added new elements and changed some existing ones. Here are the new or updated styles.

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ElementDescription
Panels.panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
List groups.list-group .list-group-item .list-group-item-text .list-group-item-heading
Glyphicons.glyphicon
Jumbotron.jumbotron
Extra small grid (<768px).col-xs-*
Small grid (≥768px).col-sm-*
Medium grid (≥992px).col-md-*
Large grid (≥1200px).col-lg-*
Responsive utility classes (≥1200px).visible-lg .hidden-lg
Offsets.col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Push.col-sm-push-* .col-md-push-* .col-lg-push-*
Pull.col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Input groups.input-group .input-group-addon .input-group-btn
Form controls.form-control .form-group
Button group sizes.btn-group-xs .btn-group-sm .btn-group-lg
Navbar text.navbar-text
Navbar header.navbar-header
Justified tabs / pills.nav-justified
Responsive images.img-responsive
Contextual table rows.success .danger .warning .active
Contextual panels.panel-success .panel-danger .panel-warning .panel-info
Modal.modal-dialog .modal-content
Thumbnail image.img-thumbnail
Well sizes.well-sm .well-lg
Alert links.alert-link
-
- - -

What's removed

-

The following elements have been dropped or changed in v3.0.

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ElementRemoved from 2.x3.0 Equivalent
Form actions.form-actionsN/A
Search form.form-searchN/A
Form group with info.control-group.infoN/A
Block level from input.input-block-levelNo direct equivalent, but forms controls are similar.
Fluid row.row-fluid.row (no more fixed grid)
Controls wrapper.controlsN/A
Controls row.controls-row.row or .form-group
Navbar inner.navbar-innerN/A
Navbar vertical dividers.navbar .divider-verticalN/A
Dropdown submenu.dropdown-submenuN/A
Tab alignments.tabs-left .tabs-right .tabs-belowN/A
Pill-based tabbable area.pill-content.tab-content
Pill-based tabbable area pane.pill-pane.tab-pane
Nav lists.nav-list .nav-headerNo direct equivalent, but list groups and .panel-groups are similar.
-
- - -

Additional notes

-

Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach. Here's a partial list:

- -

For more information on upgrading to v3.0, and code snippets from the community, see Bootply.

+ +
+

Migrating from v2.x to v3.x

+

Looking to migrate from an older version of Bootstrap to v3.x? Check out our migration guide.

-- cgit v1.2.3