From 6f025183d5e93620f9504fdb7e7368b7034f6360 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 23 Sep 2015 18:32:10 -0700 Subject: Move v3 `.hidden` note into Migration docs --- docs/migration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index c2cc5d4f5..6f060c397 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -179,7 +179,7 @@ Note that the changes to the grid breakpoints in v4 means that you'll need to go ## Misc notes to prioritize - Removed the `min--moz-device-pixel-ratio` typo hack for retina media queries -- Dropped `.hidden` and `.show` because it interferes with jQuery's `$(...).hide()`. +- Dropped `.hidden` and `.show` because they conflict with jQuery's `$(...).hide()` function. - Change buttons' `[disabled]` to `:disabled` as IE9+ supports `:disabled`. However `fieldset[disabled]` is still necessary because [native disabled fieldsets are still buggy in IE11](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset#Browser_compatibility). TODO: audit list of stuff in v3 that was marked as deprecated -- cgit v1.2.3 From c91e4f5162af55c2e616f429767d6e328855471b Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 23 Sep 2015 18:57:21 -0700 Subject: Clarify [hidden] attr docs; closes #17169 [ci skip] --- docs/migration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 6f060c397..d1b8c3375 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -179,7 +179,7 @@ Note that the changes to the grid breakpoints in v4 means that you'll need to go ## Misc notes to prioritize - Removed the `min--moz-device-pixel-ratio` typo hack for retina media queries -- Dropped `.hidden` and `.show` because they conflict with jQuery's `$(...).hide()` function. +- Dropped `.hidden` and `.show` because they conflict with jQuery's `$(...).hide()` and `$(...).show()` methods. - Change buttons' `[disabled]` to `:disabled` as IE9+ supports `:disabled`. However `fieldset[disabled]` is still necessary because [native disabled fieldsets are still buggy in IE11](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset#Browser_compatibility). TODO: audit list of stuff in v3 that was marked as deprecated -- cgit v1.2.3 From 2a1597af5de4d6de55efaebb42f0e547457aac8b Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 25 Sep 2015 14:56:40 -0700 Subject: Migration docs: capitalization; hyperlink Less and SCSS [ci skip] --- docs/migration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index c2cc5d4f5..20a802fd2 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -21,7 +21,7 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to ### Global changes -- Switched from LESS to SCSS for our source CSS files. +- Switched from [Less](http://lesscss.org/) to [SCSS](http://sass-lang.com/) for our source CSS files. - Switched from `px` to `rem` as our primary CSS unit. - Media queries are now in `em`s instead of `px`s. - Global font-size increased from `14px` to `16px`. -- cgit v1.2.3 From 8b4925f0d8f0e3046d0f9e5264c6fdf3157f4f95 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sun, 4 Oct 2015 11:10:01 -0700 Subject: Add Glyphicons migration guidance [skip sauce] --- docs/migration.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index aa9aa114a..a2f7b8e50 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -31,7 +31,10 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to ### Components - Dropped panels, thumbnails, and wells for a new all-encompassing component, cards. -- Dropped the Glyphicons icon font. +- Dropped the Glyphicons icon font. If you need icons, some options are: + - the upstream version of [Glyphicons](http://glyphicons.com/) + - [Octicons](https://octicons.github.com/) + - [Font Awesome](https://fortawesome.github.io/Font-Awesome/) - Dropped the Affix jQuery plugin. We recommend using a `position: sticky` polyfill instead. [See the HTML5 Please entry](http://html5please.com/#sticky) for details and specific polyfill recommendations. - Refactored nearly all components to use more unnested classes instead of children selectors. -- cgit v1.2.3 From e0bf6d87cbcc645bd2c0d28b707815f3d67d72b7 Mon Sep 17 00:00:00 2001 From: alberto Date: Wed, 7 Oct 2015 23:35:37 +0200 Subject: fixes #17781: Add migration docs note that .control-label is gone in v4 --- docs/migration.md | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index aa9aa114a..6d8bdc611 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -70,6 +70,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with ### Forms - Moved element resets to the `_reboot.scss` file. +- Renamed `.control-label` to `.form-control-label`. - Renamed `.input-lg` and `.input-sm` to `.form-control-lg` and `.form-control-sm`, respectively. - Dropped `.form-group-*` classes for simplicity's sake. Use `.form-control-*` classes instead now. - Horizontal forms overhauled: -- cgit v1.2.3 From 313635350a2b0c0754c6216b379118f42e6240a7 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sat, 10 Oct 2015 15:36:07 -0700 Subject: Remove em media queries note in Migration docs; no longer accurate as of #17403 [ci skip] --- docs/migration.md | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index a2f7b8e50..87cad15dc 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -23,7 +23,6 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to - Switched from [Less](http://lesscss.org/) to [SCSS](http://sass-lang.com/) for our source CSS files. - Switched from `px` to `rem` as our primary CSS unit. -- Media queries are now in `em`s instead of `px`s. - Global font-size increased from `14px` to `16px`. - Added a new grid tier for ~`480px` and below. - Replaced the separate optional theme with configurable options via SCSS variables (e.g., `$enable-gradients: true`). -- cgit v1.2.3 From ba16aa44d06be8a6a4ba61a532906bb0c75f607e Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sun, 11 Oct 2015 15:32:53 -0700 Subject: Mention ScrollPos-Styler in the migration docs; closes #17819 --- docs/migration.md | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 87cad15dc..70a52595c 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -35,6 +35,7 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to - [Octicons](https://octicons.github.com/) - [Font Awesome](https://fortawesome.github.io/Font-Awesome/) - Dropped the Affix jQuery plugin. We recommend using a `position: sticky` polyfill instead. [See the HTML5 Please entry](http://html5please.com/#sticky) for details and specific polyfill recommendations. + - If you were using Affix to apply additional, non-`position` styles, the polyfills might not support your use case. One option for such uses is the third-party [ScrollPos-Styler](https://github.com/acch/scrollpos-styler) library. - Refactored nearly all components to use more unnested classes instead of children selectors. ### Misc -- cgit v1.2.3 From 2cc81a19e00f45cac03ca99345088b045a38730b Mon Sep 17 00:00:00 2001 From: Risan Bagja Pradana Date: Sat, 17 Oct 2015 06:35:27 +0200 Subject: [V4] Fixes #17953: Add migration docs of .btn-default removal V4 Docs - Updates to migration docs to pointed out the removal of .btn-default class and an addition of the new .btn-secondary class. --- docs/migration.md | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 70a52595c..da6a114d0 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -29,6 +29,7 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to ### Components +- Dropped button `.btn-default` class. - Dropped panels, thumbnails, and wells for a new all-encompassing component, cards. - Dropped the Glyphicons icon font. If you need icons, some options are: - the upstream version of [Glyphicons](http://glyphicons.com/) @@ -80,6 +81,10 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with - `.form-group` no longer mixins the `.row` class, so it's now required for grid layouts. - Added new `.form-control-label` class to vertically center labels with `.form-control`s. +### Buttons + +- Dropped the `.btn-default` class and additionaly add a new button class named `.btn-secondary`. + ### Grid system - Added a new `~480px` grid breakpoint, meaning there are now five total tiers. -- cgit v1.2.3 From 081d5f9d7ca71244b98f6f516327a06d93fa3a63 Mon Sep 17 00:00:00 2001 From: Risan Bagja Pradana Date: Sat, 17 Oct 2015 07:00:17 +0200 Subject: [V4] Fixes #17953: Update migration docs of .btn-default replacement [V4 Docs] Update migration docs to point out the .btn-default replacement. --- docs/migration.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index da6a114d0..c79f0e218 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -29,7 +29,6 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to ### Components -- Dropped button `.btn-default` class. - Dropped panels, thumbnails, and wells for a new all-encompassing component, cards. - Dropped the Glyphicons icon font. If you need icons, some options are: - the upstream version of [Glyphicons](http://glyphicons.com/) @@ -83,7 +82,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with ### Buttons -- Dropped the `.btn-default` class and additionaly add a new button class named `.btn-secondary`. +- Renamed `.btn-default` to `.btn-secondary`. ### Grid system -- cgit v1.2.3 From f99f9eb52415f65b537f21b35ff40b5adad87c04 Mon Sep 17 00:00:00 2001 From: Jonathan Date: Thu, 19 Nov 2015 13:05:50 +0100 Subject: Added button subsection to the component section --- docs/migration.md | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 9ee4449fd..46f25900b 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -57,6 +57,10 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with - `.dl-horizontal` now requires grid classes, increasing flexbility in column widths. - Custom `
` styling has moved to classes—`.blockquote` and the `.blockquote-reverse` modifier. +### Buttons + +- `.btn-default` removed. Use `btn-primary` or the new `btn-secondary` instead. + ### Images - Renamed `.img-responsive` to `.img-fluid`. -- cgit v1.2.3 From b67b52527d56215b688fa40c0dbc81eff60faffb Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Thu, 19 Nov 2015 14:16:23 +0000 Subject: Revert "Added button subsection to the component section" --- docs/migration.md | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 46f25900b..9ee4449fd 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -57,10 +57,6 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with - `.dl-horizontal` now requires grid classes, increasing flexbility in column widths. - Custom `
` styling has moved to classes—`.blockquote` and the `.blockquote-reverse` modifier. -### Buttons - -- `.btn-default` removed. Use `btn-primary` or the new `btn-secondary` instead. - ### Images - Renamed `.img-responsive` to `.img-fluid`. -- cgit v1.2.3 From a8dc4812a49d8467e8642abb510b523a9a51cd48 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 25 Nov 2015 02:32:41 -0800 Subject: Add responsive float classes; fixes #13690 --- docs/migration.md | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 9ee4449fd..1e6b55a9c 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -128,6 +128,11 @@ Dropped entirely for the new card component. - Renamed `.item` to `.carousel-item`. +### Utilities + +- Added `.pull-{left,right,none}-{xs,sm,md,lg,xl}` classes for responsive floats +- Removed `.pull-left` and `.pull-right` since they're redundant to `.pull-left-xs` and `.pull-right-xs` + ## Documentation Our documentation received an upgrade across the board as well. Here's the low down: -- cgit v1.2.3 From 81e0295098f8e9abc6214f1b2eccbafe55386232 Mon Sep 17 00:00:00 2001 From: vsn4ik Date: Tue, 1 Dec 2015 01:01:02 +0300 Subject: Fix classes for responsive floats in migration See a8dc4812a49d8467e8642abb510b523a9a51cd48#commitcomment-14677726 [skip sauce] --- docs/migration.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 1e6b55a9c..0d1fd5211 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -130,8 +130,8 @@ Dropped entirely for the new card component. ### Utilities -- Added `.pull-{left,right,none}-{xs,sm,md,lg,xl}` classes for responsive floats -- Removed `.pull-left` and `.pull-right` since they're redundant to `.pull-left-xs` and `.pull-right-xs` +- Added `.pull-{xs,sm,md,lg,xl}-{left,right,none}` classes for responsive floats +- Removed `.pull-left` and `.pull-right` since they're redundant to `.pull-xs-left` and `.pull-xs-right` ## Documentation -- cgit v1.2.3 From 7739ea8d8579c78642c2e3e86210d5b638d5bd56 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sun, 6 Dec 2015 17:31:27 -0800 Subject: Add .navbar-form entry to v4 migration docs; refs #18087 [skip sauce] --- docs/migration.md | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/migration.md') diff --git a/docs/migration.md b/docs/migration.md index 0d1fd5211..5d14f34a7 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -102,6 +102,10 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with - Dropped nearly all `>` selectors for simpler styling via un-nested classes. - Instead of HTML-specific selectors like `.nav > li > a`, we use separate classes for `.nav`s, `.nav-item`s, and `.nav-link`s. This makes your HTML more flexible while bringing along increased extensibility. +## Navbar + +- Dropped the `.navbar-form` class entirely. It's no longer necessary. + ### Pager - Renamed `.previous` and `.next` to `.pager-prev` and `.pager-next`. -- cgit v1.2.3