diff --git a/2023/09/14/bootstrap-5-3-2/index.html b/2023/09/14/bootstrap-5-3-2/index.html new file mode 100644 index 000000000..0f7d632e7 --- /dev/null +++ b/2023/09/14/bootstrap-5-3-2/index.html @@ -0,0 +1,416 @@ + + + + + + + + + + + + + + +Bootstrap 5.3.2 | Bootstrap Blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+
+
+
+ + Bootstrap + +
+

The Bootstrap Blog

+

+ News and announcements for all things Bootstrap, + including new releases, Bootstrap Themes, + and Bootstrap Icons. +

+
+
+ + + + + +
+ +
+
+ +
+
+

Bootstrap 5.3.2

+
+ + + @julien-deramond + + + + + + +September 14, 2023 +
+

Bootstrap v5.3.2 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights!

+

Highlights

+
    +
  • Passing a percentage unit to the global abs() is deprecated since Dart Sass v1.65.0. It resulted in a deprecation warning when compiling Bootstrap with Dart Sass. This has been fixed internally by changing the values passed to the divide() function. The divide() function has not been fixed itself so that we can keep supporting node-sass cross-compatibility. In v6, this won’t be an issue as we plan to drop support for node-sass.
    • +
  • Using multiple ids in a collapse target wasn’t working anymore and has been fixed.
    • +
+

Color modes

+
    +
  • Increased color contrast of form range track background in light and dark modes.
    • +
  • Fixed table state rendering for color modes with a focus on the striped table in dark mode to increase color contrast.
    • +
  • Allow <mark> color customization for color modes.
    • +
+

Docs

+ +

Get the release

+

Head to https://getbootstrap.com for the latest. It’s also been pushed to npm:

+
npm i bootstrap@v5.3.2
+

Read the GitHub v5.3.2 changelog for a complete list of changes in this release.

+

Support the team

+

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

+ +
+ +
+

Related posts

+ + +
+
+
+
+
+ + + + + + + + + diff --git a/archive/index.html b/archive/index.html index 3f6c86dd3..4d7005741 100644 --- a/archive/index.html +++ b/archive/index.html @@ -259,6 +259,9 @@

The Bootstrap Blog

2023

If you’re submitting a pull request against 2.1-wip, be sure to read the Contributing to Bootstrap wiki page first.

-
-

- Now powered by Jekyll and GitHub Pages -

- -
- - - @mdo - - - - - - -August 11, 2012 -
- - - - -

Sorry about the database connection issues some of you may have seen in the last 24 hours. We’ve moved off WordPress for our blog and are now using GitHub pages and Jekyll. Jekyll is an amazingly lightweight and simple site generator from Tom Preston-Werner, cofounder of GitHub. Here’s why:

- -

It’s simple, fast, and pain free. We love it and encourage you to check it out in the future. Stay tuned in the next two weeks or so for more information on our next release. Until then, enjoy the updated blog.

-
diff --git a/page/24/index.html b/page/24/index.html index 41f35380a..f461c7068 100644 --- a/page/24/index.html +++ b/page/24/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap 2.0.4 released + Now powered by Jekyll and GitHub Pages

@@ -268,6 +268,37 @@

alt="" width="32" height="32"> @mdo + + + + + +August 11, 2012 +

+ + + + +

Sorry about the database connection issues some of you may have seen in the last 24 hours. We’ve moved off WordPress for our blog and are now using GitHub pages and Jekyll. Jekyll is an amazingly lightweight and simple site generator from Tom Preston-Werner, cofounder of GitHub. Here’s why:

+ +

It’s simple, fast, and pain free. We love it and encourage you to check it out in the future. Stay tuned in the next two weeks or so for more information on our next release. Until then, enjoy the updated blog.

+ +
+

+ Bootstrap 2.0.4 released +

+ +
+ + + @mdo + @@ -487,57 +518,6 @@

Documentation and repo

We’re continually updating issues and tracking them for our next release in the 2.1 milestone, which will focus on adding a few new features and tackle the inevitable bugs and edge cases from this release.

-
-

- Bootstrap, JSHint, and Recess -

- -
- - - @mdo - - - - - - -April 19, 2012 -
- - - - -

This last week we’ve added two new developer tools to the Bootstrap tool chain and I wanted to take a minute to let you know a little bit more about what they are, why we’ve added them, and why it matters.

-

JSHint

-

JSHint is an awesome community-driven linting tool, used to detect errors and potential problems in your JS, and to enforce coding conventions. It’s super flexible and can easily adapt to whichever coding guidelines and environment you expect your code to execute in.

-

As of 2.0.3, all JS (including tests) will be run through JSHint as a part of the build process. -We’re hoping that this will both catch potentially unsafe syntax as well as encourage a convention around Bootstap’s JavaScript style.

-

To begin with, Bootstrap’s JS will use the following options (stored in a .jshintrc file in the js dir):

-
{
-    "validthis" : true
-  , "laxcomma"  : true
-  , "laxbreak"  : true
-  , "browser"   : true
-  , "boss"      : true
-  , "expr"      : true
-  , "asi"       : true
-}
-

We hope this will make it a little easier for those looking to contribute to Bootstrap, and lessen the pain around pull requests with divergent styles. If you haven’t played with JSHint, you should definitely take a moment to check it out right now!

-

Recess

-

Recess is a project developed at Twitter to help support our internal style guide.

-

Recess screenshot -

-

At it’s core, Recess is a linter, but with the added ability to compile and/or reformat your css/less files: normalizing whitespace, stripping 0 values, reordering properties, and any other safe stylistic optimizations it can find.

-

What this means is that instead of just telling you where you have problems, you can actually tell Recess to just go ahead and tidy your code up for you.

-

To begin with, we’re only using Recess in this manner — as a compiler for our Less (rather than the lessc compiler directly). This gives us strict control over the output of Bootstrap and let’s Mark and I really geekout, which we’re super excited about (we like things to be perfect… we’re nerds like that).

-

The Future

-

Eventually we’d like to try to roll these tools (along with our unit tests) into some sort of continuous integration service. At Twitter, we’re already using travis-ci on a number of our other projects (Hogan.js, Recess), so we may follow suit with Bootstrap soon. This will make it even easier for us to accept pull requests from the community, as we’ll be able to see all our tests passing! :)

-

Anyways — that’s all for now. As always, if you have any questions or feedback, let us know! thanks!

-

<3

-
diff --git a/page/25/index.html b/page/25/index.html index 671a38bbe..734275262 100644 --- a/page/25/index.html +++ b/page/25/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Help test Bootstrap 2.0.3 + Bootstrap, JSHint, and Recess

@@ -268,6 +268,57 @@

alt="" width="32" height="32"> @mdo + + + + + +April 19, 2012 +

+ + + + +

This last week we’ve added two new developer tools to the Bootstrap tool chain and I wanted to take a minute to let you know a little bit more about what they are, why we’ve added them, and why it matters.

+

JSHint

+

JSHint is an awesome community-driven linting tool, used to detect errors and potential problems in your JS, and to enforce coding conventions. It’s super flexible and can easily adapt to whichever coding guidelines and environment you expect your code to execute in.

+

As of 2.0.3, all JS (including tests) will be run through JSHint as a part of the build process. +We’re hoping that this will both catch potentially unsafe syntax as well as encourage a convention around Bootstap’s JavaScript style.

+

To begin with, Bootstrap’s JS will use the following options (stored in a .jshintrc file in the js dir):

+
{
+    "validthis" : true
+  , "laxcomma"  : true
+  , "laxbreak"  : true
+  , "browser"   : true
+  , "boss"      : true
+  , "expr"      : true
+  , "asi"       : true
+}
+

We hope this will make it a little easier for those looking to contribute to Bootstrap, and lessen the pain around pull requests with divergent styles. If you haven’t played with JSHint, you should definitely take a moment to check it out right now!

+

Recess

+

Recess is a project developed at Twitter to help support our internal style guide.

+

Recess screenshot +

+

At it’s core, Recess is a linter, but with the added ability to compile and/or reformat your css/less files: normalizing whitespace, stripping 0 values, reordering properties, and any other safe stylistic optimizations it can find.

+

What this means is that instead of just telling you where you have problems, you can actually tell Recess to just go ahead and tidy your code up for you.

+

To begin with, we’re only using Recess in this manner — as a compiler for our Less (rather than the lessc compiler directly). This gives us strict control over the output of Bootstrap and let’s Mark and I really geekout, which we’re super excited about (we like things to be perfect… we’re nerds like that).

+

The Future

+

Eventually we’d like to try to roll these tools (along with our unit tests) into some sort of continuous integration service. At Twitter, we’re already using travis-ci on a number of our other projects (Hogan.js, Recess), so we may follow suit with Bootstrap soon. This will make it even easier for us to accept pull requests from the community, as we’ll be able to see all our tests passing! :)

+

Anyways — that’s all for now. As always, if you have any questions or feedback, let us know! thanks!

+

<3

+ +
+

+ Help test Bootstrap 2.0.3 +

+ +
+ + + @mdo + @@ -399,39 +450,6 @@

}

For the alternate colors on badges and labels, we’ve also relegated those styles to anchors only (those with an href attribute).

-
-

- Coming up in Bootstrap -

- -
- - - @mdo - - - - - - -March 22, 2012 -
- - - - -

We’ve been mum on the next few releases for Bootstrap the last couple weeks, and with good reason: both Jacob and I have been super busy at work and we’re uncertain of what features to add next. That said, we know we have some bugs and docs fixes to make and know we can slip in a few small features if time allows. I’ve updated the roadmap to reflect the last two releases and a general outline for the next two.

-

But, what’s next?

-

2.0.3

-

To start, we’ll take a good hard look at the docs and current components to get a strong base and iron out additional bugs we introduced in 2.0.2. This release will not include any new features at all. Key bugs to fix include the static navbar regression and tabbed content alignment, but you can see a more thorough list on the 2.0.3 milestone.

-

2.1.0

-

After 2.0.3, we have a small feature and (as required) bugfix release to push out. So far, the only features we’re planning on adding include an official addition of the subnav, Growl-style notifications, and an OOCSS-style media component. The first two are some of oldest feature requests, and honestly are fairly easy to add and document compared to some of the other requests.

-

We haven’t slated anything else because of other time commitments, but we’re open to hearing your feedback if you have top requests. Feel free to weigh in on Twitter or on GitHub.

-

Timing

-

We don’t have specific dates in mind, but we know we want 2.0.3 out by the end of the month to address those key bugs. 2.1 will follow, but not for at least a month or two after 2.0.3.

-
diff --git a/page/26/index.html b/page/26/index.html index 058e58d18..07ee92910 100644 --- a/page/26/index.html +++ b/page/26/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- What up, nerds? + Coming up in Bootstrap

@@ -279,6 +279,39 @@

+

We’ve been mum on the next few releases for Bootstrap the last couple weeks, and with good reason: both Jacob and I have been super busy at work and we’re uncertain of what features to add next. That said, we know we have some bugs and docs fixes to make and know we can slip in a few small features if time allows. I’ve updated the roadmap to reflect the last two releases and a general outline for the next two.

+

But, what’s next?

+

2.0.3

+

To start, we’ll take a good hard look at the docs and current components to get a strong base and iron out additional bugs we introduced in 2.0.2. This release will not include any new features at all. Key bugs to fix include the static navbar regression and tabbed content alignment, but you can see a more thorough list on the 2.0.3 milestone.

+

2.1.0

+

After 2.0.3, we have a small feature and (as required) bugfix release to push out. So far, the only features we’re planning on adding include an official addition of the subnav, Growl-style notifications, and an OOCSS-style media component. The first two are some of oldest feature requests, and honestly are fairly easy to add and document compared to some of the other requests.

+

We haven’t slated anything else because of other time commitments, but we’re open to hearing your feedback if you have top requests. Feel free to weigh in on Twitter or on GitHub.

+

Timing

+

We don’t have specific dates in mind, but we know we want 2.0.3 out by the end of the month to address those key bugs. 2.1 will follow, but not for at least a month or two after 2.0.3.

+ +
+

+ What up, nerds? +

+ +
+ + + @mdo + + + + + + +March 22, 2012 +
+ + + +

Welcome one and all to the new, official Twitter Bootstrap blog. From now on, Jacob and I will be posting info on new releases, documentation changes, great examples of folks using Bootstrap, and more. Stay tuned for our first post on the next two updates for the project.

diff --git a/page/3/index.html b/page/3/index.html index 19aa2c914..0906d9949 100644 --- a/page/3/index.html +++ b/page/3/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap 5.2.0 + Bootstrap 5.2.1

@@ -268,6 +268,121 @@

alt="" width="32" height="32"> @mdo + + + + + +September 07, 2022 +

+ + + + +

Bootstrap v5.2.1 is here with fixes from our latest minor release, v5.2. As a patch release, these changes are limited to bug fixes, documentation updates, and some dependency updates.

+

We’ve also continued to iterate on a few other projects to help folks get up and running with Bootstrap with npm, other JS frameworks, and various build tools. Keep reading to learn more.

+

Key changes

+

We’ve updated our calc() functions to work around an apparent bug in postcss-values-parser that prevented our source Sass files from compiling properly when building with React and PostCSS. The fix was to reverse the order of our multiplication inside calc() functions. Be aware you may need to make similar modifications depending on your own customizations.

+

We’ve also addressed some longstanding issues around button focus and active styling, in particular for checkbox and radio buttons. On mobile devices, input-based buttons have trouble shedding their focus styles. This has been resolved in v5.2.1 with a change from :focus to :focus-visible for our .btns. Now, checkbox and radio buttons no longer change their background-color on :focus-visible and they receive no :hover styling. Regular .btns still have their familiar hover and focus styles.

+

We debated not including the button focus change in v5.2.1, but felt it was important enough to close several bugs. Let us know what you think and we’ll continue to refine our implementation.

+

Highlights

+

In addition to the changes above, we’ve fixed bugs across several components:

+
    +
  • Accordion +
      +
    • Update color value to use the $accordion-button-color Sass variable instead of our color contrast function
      • +
    +
    • +
  • Buttons +
      +
    • Added a transparent default hover border color CSS variable for buttons to fix a visual regression
      • +
    • .btn-link no longer has a gradient when $enable-gradients is set to true
      • +
    +
    • +
  • Forms +
      +
    • Input groups have updated z-index values to ensure proper rendering of validated form fields
      • +
    • Floating labels now reset their text-align to ensure consistent styling
      • +
    +
    • +
  • List Groups +
      +
    • Horizontal list groups with only one child now render the correct border-radius
      • +
    • Modified the list-group-item selectors to better support nested imports of Bootstrap’s CSS
      • +
    +
    • +
  • Modals +
      +
    • Updated event listeners to ignore clicks on scrollbar clicks, clicks that start inside .modal-dialog but end outside it, and respond to clicks that start and end outside .modal-dialog
      • +
    +
    • +
  • Pagination +
      +
    • Fixed incorrect border-radius values inside pagination components
      • +
    +
    • +
  • Scrollspy +
      +
    • Scrollspy threshold option is now configurable
      • +
    +
    • +
  • Tooltips & Popovers +
      +
    • Reverted some tooltip plugin updates to prevent issues with selector, dynamic content, and disposed tooltips using title
      • +
    • Fixed trigger: "manual" showing and immediately hiding when calling toggle()
      • +
    +
    • +
+

Dependencies

+
    +
  • Updated Autoprefixer to fix warnings of the color-adjust property (thanks to @julien-deramond on our team for reporting an issue upstream here)
    • +
+

Docs

+
    +
  • Searching our docs on mobile has been improved with the search field now always visible on responsive, narrow viewports
    • +
  • Removed links to and mentions of Slack from across the codebase, as we intend to shutter Slack in favor of GitHub Discussions
    • +
  • Reintroduced proper outline styles for docs code samples and buttons when :not(:focus-visible)
    • +
+

Farewell, Slack!

+

As mentioned over a month ago, we made the decision to close down our community Slack channel. Slack isn’t great at managing a large scale community and it’s prohibitively expensive as well for a community the size of ours (the Slack was over 45,000 people!). Instead of using Slack or similar tool, we’re encouraging folks to use our Discussions tab on GitHub.

+

Explore Bootstrap discussions

+

Examples repo

+

Examples +

+

Make sure to checkout (pun intended!) our latest project, the twbs/examples repository! The examples project includes functional demos for all sorts of environments and JS frameworks, with more planned! You can even open every example in StackBlitz and edit them in the browser.

+
    +
  • Starter – CDN links for our CSS and JS
    • +
  • Sass & JS — Import Sass, Autoprefixer, Stylelint, and our JS bundle via npm
    • +
  • Sass & ESM JS — Import Sass, Autoprefixer, and Stylelint via npm, and then load our ESM JS with a shim
    • +
  • Webpack - Import and bundle Sass and JS with Webpack
    • +
  • Parcel - Sass, JS via Parcel
    • +
  • Vite - Sass, JS via Vite
    • +
  • Bootstrap Icons font - Import and compile Sass, Stylelint, PurgeCSS, and our icon font
    • +
+

Have an idea for a new starter example? Feel free to open an issue or pull request!

+

v4 starter project

+

npm starter +

+

We’ve shipped a v2.0.0 update to the twbs/bootstrap-npm-starter project. This release includes Bootstrap v4.6.2, Bootstrap Icons v1.9.1, a new live reload feature for local development, and several dependency updates. This project will remain dedicated to Bootstrap 4 while our twbs/examples repo will focus on v5 and future major releases.

+

Get the release

+

Head to https://getbootstrap.com for the latest. It’s also been pushed to npm:

+
npm i bootstrap@v5.2.1
+

Read the GitHub v5.2.1 changelog for a complete list of changes in this release.

+

Support the team

+

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

+ +
+

+ Bootstrap 5.2.0 +

+ +
+ + + @mdo + @@ -276,7 +391,7 @@

July 19, 2022

- +
@@ -710,52 +825,6 @@

Utility variables

Ready to get started with Bootstrap? Checkout the quick start guide so you can put these new CSS variables to work in your next project!

-
-

- Bootstrap Icons v1.8.2 -

- -
- - - @mdo - - - - - - -May 13, 2022 -
-
- -
- - - - -

Bootstrap Icons v1.8.2 has arrived with some bug fixes and a refreshed docs design to match our main project.

-

Here’s a quick rundown on the icon fixes:

-
    -
  • Fix cutoff bank icon
    • -
  • Fix house-heart and house-heart-fill fill-rules
    • -
  • Fix corners of pentagon icons to match other shapes
    • -
  • Fix fill-rule for x-lg
    • -
  • Fix cutoff tool icon
    • -
-

On the CSS side, we’ve also added font-display: block to help address our icon font affecting Google Lighthouse scores.

-

Looking for more new icons? Head to the issue tracker to check for open requests or submit a new one.

-

Install

-

To get started, install or update via npm:

-
npm i bootstrap-icons
-

Or Composer:

-
composer require twbs/bootstrap-icons
-

You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files).

-

Figma

-

The Figma file is now published to the Figma Community! It’s the same Bootstrap Icons Figma file you’ve seen from previous releases, just a little more accessible to those using the app.

-
diff --git a/page/4/index.html b/page/4/index.html index 924b2b1d7..5019667a0 100644 --- a/page/4/index.html +++ b/page/4/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap 5.2.0 beta + Bootstrap Icons v1.8.2

@@ -268,6 +268,52 @@

alt="" width="32" height="32"> @mdo + + + + + +May 13, 2022 +

+
+ +
+ + + + +

Bootstrap Icons v1.8.2 has arrived with some bug fixes and a refreshed docs design to match our main project.

+

Here’s a quick rundown on the icon fixes:

+
    +
  • Fix cutoff bank icon
    • +
  • Fix house-heart and house-heart-fill fill-rules
    • +
  • Fix corners of pentagon icons to match other shapes
    • +
  • Fix fill-rule for x-lg
    • +
  • Fix cutoff tool icon
    • +
+

On the CSS side, we’ve also added font-display: block to help address our icon font affecting Google Lighthouse scores.

+

Looking for more new icons? Head to the issue tracker to check for open requests or submit a new one.

+

Install

+

To get started, install or update via npm:

+
npm i bootstrap-icons
+

Or Composer:

+
composer require twbs/bootstrap-icons
+

You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files).

+

Figma

+

The Figma file is now published to the Figma Community! It’s the same Bootstrap Icons Figma file you’ve seen from previous releases, just a little more accessible to those using the app.

+ +
+

+ Bootstrap 5.2.0 beta +

+ +
+ + + @mdo + @@ -276,7 +322,7 @@

May 13, 2022

- +
@@ -587,87 +633,6 @@

Next up

Support the team

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

-
-

- Bootstrap Icons v1.6.0 -

- -
- - - @mdo - - - - - - -October 13, 2021 -
-
- -
- - - - -

Bootstrap Icons v1.6.0 adds over 30 new icons, adds official Composer support, includes a new .scss stylesheet for the icon font, plus some other enhancements and bug fixes. Keep reading to see what’s new!

-

1,400+ icons

-

We’ve officially passed 1,400 glyphs in Bootstrap Icons with this release—woohoo! Seems utterly insane to me that the project has come this far and there are still so many more icons to include.

-

New icons in v1.6.0 -

-

We have a few dozen new and updated icons in this release, including:

-
    -
  • New brand icons for Apple, Behance, Dribbble, Line, Medium, Microsoft, PayPal, Pinterest, Signal, Snapchat, Spotify, Stack Overflow, Strava, Vimeo, Windows, and WordPress
    • -
  • Two new easel variations
    • -
  • New fingerprint icon
    • -
  • New magic stick
    • -
  • New people variations for rolodex, workspace, and video chat
    • -
  • New webcam icons
    • -
  • New radioactive icon
    • -
  • New fan icon
    • -
  • New hypnotize icon
    • -
  • New yin yang icon
    • -
  • New activity/pulse icon
    • -
  • Updated large dash, plus, slash, x, i, ?, !, and check icons to have a thinner stroke that better matches other icons
    • -
  • Updated lamp icons
    • -
  • Updated graph-up and graph-down icons, with the previous ones being renamed to graph-up-arrow and graph-down-arrow
    • -
-

New features

-

We’ve added a handful of new features and enhancements to how you can use Bootstrap Icons in this release:

-
    -
  • -

    Added Composer support with automatic publishing to Packagist. See the official package for more information.

    -
    • -
  • -

    Added new bootstrap-icons.scss stylesheet for the icon font. This includes font name and path variables, plus a Sass map of icon names and unicode values.

    -
    • -
  • -

    Added new .bi CSS selector to the icon font ruleset (in addition to the attribute selectors we had through v1.5.0) to allow for easier @extending of icon styles. This has also been reflected in the new .scss stylesheet.

    -
    • -
-

Our next minor release will continue to see improvements to our icon permalink pages, adding more options for copying and pasting our icons. If you have other suggestions, please don’t hesitate to open a new issue!

-

Bug fixes

-

We’ve fixed a few glitches with existing icons in this release:

-
    -
  • droplet-fill now renders correctly thanks to an updated fill rule
    • -
  • lamp and lamp-fill now look more like lamps and less like toilets 😅
    • -
  • coin now renders correctly thanks to an updated fill rule
    • -
  • cloud now renders correctly thanks to an updated fill rule
    • -
  • textarea-resize is no longer incorrectly placed in the viewBox
    • -
-

Found another bug, or have a suggestion? Check out the issue tracker and open an issue if you don’t see one already opened.

-

Install

-

To get started, install or update via npm:

-
npm i bootstrap-icons
-

Or Composer:

-
composer require twbs/bootstrap-icons
-

You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files).

-

Figma

-

The Figma file is now published to the Figma Community! It’s the same Bootstrap Icons Figma file you’ve seen from previous releases, just a little more accessible to those using the app.

-
diff --git a/page/5/index.html b/page/5/index.html index 8f79ae655..4c277bfd2 100644 --- a/page/5/index.html +++ b/page/5/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap 5.1.2 + Bootstrap Icons v1.6.0

@@ -268,6 +268,87 @@

alt="" width="32" height="32"> @mdo + + + + + +October 13, 2021 +

+
+ +
+ + + + +

Bootstrap Icons v1.6.0 adds over 30 new icons, adds official Composer support, includes a new .scss stylesheet for the icon font, plus some other enhancements and bug fixes. Keep reading to see what’s new!

+

1,400+ icons

+

We’ve officially passed 1,400 glyphs in Bootstrap Icons with this release—woohoo! Seems utterly insane to me that the project has come this far and there are still so many more icons to include.

+

New icons in v1.6.0 +

+

We have a few dozen new and updated icons in this release, including:

+
    +
  • New brand icons for Apple, Behance, Dribbble, Line, Medium, Microsoft, PayPal, Pinterest, Signal, Snapchat, Spotify, Stack Overflow, Strava, Vimeo, Windows, and WordPress
    • +
  • Two new easel variations
    • +
  • New fingerprint icon
    • +
  • New magic stick
    • +
  • New people variations for rolodex, workspace, and video chat
    • +
  • New webcam icons
    • +
  • New radioactive icon
    • +
  • New fan icon
    • +
  • New hypnotize icon
    • +
  • New yin yang icon
    • +
  • New activity/pulse icon
    • +
  • Updated large dash, plus, slash, x, i, ?, !, and check icons to have a thinner stroke that better matches other icons
    • +
  • Updated lamp icons
    • +
  • Updated graph-up and graph-down icons, with the previous ones being renamed to graph-up-arrow and graph-down-arrow
    • +
+

New features

+

We’ve added a handful of new features and enhancements to how you can use Bootstrap Icons in this release:

+
    +
  • +

    Added Composer support with automatic publishing to Packagist. See the official package for more information.

    +
    • +
  • +

    Added new bootstrap-icons.scss stylesheet for the icon font. This includes font name and path variables, plus a Sass map of icon names and unicode values.

    +
    • +
  • +

    Added new .bi CSS selector to the icon font ruleset (in addition to the attribute selectors we had through v1.5.0) to allow for easier @extending of icon styles. This has also been reflected in the new .scss stylesheet.

    +
    • +
+

Our next minor release will continue to see improvements to our icon permalink pages, adding more options for copying and pasting our icons. If you have other suggestions, please don’t hesitate to open a new issue!

+

Bug fixes

+

We’ve fixed a few glitches with existing icons in this release:

+
    +
  • droplet-fill now renders correctly thanks to an updated fill rule
    • +
  • lamp and lamp-fill now look more like lamps and less like toilets 😅
    • +
  • coin now renders correctly thanks to an updated fill rule
    • +
  • cloud now renders correctly thanks to an updated fill rule
    • +
  • textarea-resize is no longer incorrectly placed in the viewBox
    • +
+

Found another bug, or have a suggestion? Check out the issue tracker and open an issue if you don’t see one already opened.

+

Install

+

To get started, install or update via npm:

+
npm i bootstrap-icons
+

Or Composer:

+
composer require twbs/bootstrap-icons
+

You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files).

+

Figma

+

The Figma file is now published to the Figma Community! It’s the same Bootstrap Icons Figma file you’ve seen from previous releases, just a little more accessible to those using the app.

+ +
+

+ Bootstrap 5.1.2 +

+ +
+ + + @mdo + @@ -276,7 +357,7 @@

October 05, 2021

- +
@@ -629,87 +710,6 @@

Get the release

npm i bootstrap

Review the GitHub v5.1.0 release changelog for a complete list of changes since our last release.

Support the team

-

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

- -
-

- Bootstrap 5.0.2 -

- -
- - - @mdo - - - - - - -June 22, 2021 -
-
- -
- - - - -

Our latest patch release has arrived to improve our JavaScript plugins, address the / deprecation in Dart Sass, fix a few CSS bugs, and make some documentation improvements.

-

Sass division

-

One of the biggest fixes in Bootstrap v5.0.2 patches the deprecation of / for performing division in Sass. The Dart Sass team deprecated it due to the use of / characters in actual CSS (e.g., separating background values). The bad news was this shipped with deprecation notices, which in our case heavily polluted the build process for everyone. Our potential solutions included:

-
    -
  1. Ignore it entirely and silence the deprecation warnings
    2. -
  2. Drop implicit support for LibSass and use the Dart Sass math module
    3. -
  3. Figure out a custom fix to keep the widest possible Sass support
    4. -
-

We chose the third option—keeping support for both LibSass and Dart Sass, even though the former is deprecated. There are many projects out there that simply haven’t or cannot update to Dart Sass (including Hugo, which we use to build our docs).

-

Our solution meant rolling a custom divide() function and replacing division with multiplication wherever possible. We wanted to limit the use of a custom function, so the situations where we used $value / 2 were replaced with $value * .5. This custom function has also been added to the RFS project in a new release. While the precision in our compiled CSS has been reduced by two decimal places, the output remains otherwise unchanged.

-

If you have any ideas or suggestions on further improvements, please don’t hesitate to open an issue.

-

Highlights

-

Here are some highlights from the changelog.

-

CSS

-
    -
  • Fixed deprecation warnings in Sass for / division. Replaced most / division with multiplication and added a custom divide() function to avoid adding Dart Sass modules (as this would negate the usage of LibSass).
    • -
  • Individual .col-* grid classes can now override .row-cols.
    • -
  • Updated line-height for floating forms to fix cut-off select menu text.
    • -
  • Added missing transition to .form-select.
    • -
  • Fixed .dropdowns-menu-* position in RTL.
    • -
  • Decoupled --bs-table-bg and --bs-table-accent-bg to separate table accent highlights.
    • -
  • Improved support for complex expressions in add() and subtract() functions.
    • -
  • Fixed horizontal padding for select elements in Firefox.
    • -
  • Updated border color for popover header to match the outer border.
    • -
  • Fixed offcanvas header alignment for RTL.
    • -
-

JavaScript

-
    -
  • Popovers now remove titles or content when they’re empty instead of returning empty HTML elements.
    • -
  • Dropdown items are now automatically selected when using arrow keys.
    • -
  • We now register only one DOMContentLoaded event listener in onDOMContentLoaded utility function.
    • -
  • Fixed arrow keys breaking animation when the carousel sliding.
    • -
  • Fixed handling of transitioned events dispatched by nested elements (e.g., modals didn’t transition when clicking buttons).
    • -
  • Fixed backdrop errors with stale body cause by unnecessary default and removeChild.
    • -
  • Fixed issue where the show.bs.modal event with the .fade class prevented modals from being displayed again.
    • -
  • Fixed isVisible false positives.
    • -
  • Added getOrCreateInstance method in our base component that is applied to all components.
    • -
-

Docs

-
    -
  • Documented how to make utilities responsive using the API. Also added !important to the sample output CSS and mentioned the $enable-important-utilities global setting.
    • -
  • Added a mention of the breakpoint mixins changes from v4 to the migration guide.
    • -
  • Added a new example of positioned badges to the docs.
    • -
  • Clarified variable overrides in the Customizing > Sass page.
    • -
  • Replaced Freenode with Libera IRC server.
    • -
-
-

Head to GitHub for a complete list of issues and pull requests in v5.0.2. You can also review the v5.0.2 project board.

-

Get the release

-

Head to https://getbootstrap.com for the latest. It’s also been pushed to npm:

-
npm i bootstrap
-

Review the v5.0.2 release changelog for a complete list of changes.

-

Support the team

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

diff --git a/page/6/index.html b/page/6/index.html index b3a5ec0bd..d13c3b4de 100644 --- a/page/6/index.html +++ b/page/6/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap 5.0.1 + Bootstrap 5.0.2

@@ -268,6 +268,87 @@

alt="" width="32" height="32"> @mdo + + + + + +June 22, 2021 +

+
+ +
+ + + + +

Our latest patch release has arrived to improve our JavaScript plugins, address the / deprecation in Dart Sass, fix a few CSS bugs, and make some documentation improvements.

+

Sass division

+

One of the biggest fixes in Bootstrap v5.0.2 patches the deprecation of / for performing division in Sass. The Dart Sass team deprecated it due to the use of / characters in actual CSS (e.g., separating background values). The bad news was this shipped with deprecation notices, which in our case heavily polluted the build process for everyone. Our potential solutions included:

+
    +
  1. Ignore it entirely and silence the deprecation warnings
    2. +
  2. Drop implicit support for LibSass and use the Dart Sass math module
    3. +
  3. Figure out a custom fix to keep the widest possible Sass support
    4. +
+

We chose the third option—keeping support for both LibSass and Dart Sass, even though the former is deprecated. There are many projects out there that simply haven’t or cannot update to Dart Sass (including Hugo, which we use to build our docs).

+

Our solution meant rolling a custom divide() function and replacing division with multiplication wherever possible. We wanted to limit the use of a custom function, so the situations where we used $value / 2 were replaced with $value * .5. This custom function has also been added to the RFS project in a new release. While the precision in our compiled CSS has been reduced by two decimal places, the output remains otherwise unchanged.

+

If you have any ideas or suggestions on further improvements, please don’t hesitate to open an issue.

+

Highlights

+

Here are some highlights from the changelog.

+

CSS

+
    +
  • Fixed deprecation warnings in Sass for / division. Replaced most / division with multiplication and added a custom divide() function to avoid adding Dart Sass modules (as this would negate the usage of LibSass).
    • +
  • Individual .col-* grid classes can now override .row-cols.
    • +
  • Updated line-height for floating forms to fix cut-off select menu text.
    • +
  • Added missing transition to .form-select.
    • +
  • Fixed .dropdowns-menu-* position in RTL.
    • +
  • Decoupled --bs-table-bg and --bs-table-accent-bg to separate table accent highlights.
    • +
  • Improved support for complex expressions in add() and subtract() functions.
    • +
  • Fixed horizontal padding for select elements in Firefox.
    • +
  • Updated border color for popover header to match the outer border.
    • +
  • Fixed offcanvas header alignment for RTL.
    • +
+

JavaScript

+
    +
  • Popovers now remove titles or content when they’re empty instead of returning empty HTML elements.
    • +
  • Dropdown items are now automatically selected when using arrow keys.
    • +
  • We now register only one DOMContentLoaded event listener in onDOMContentLoaded utility function.
    • +
  • Fixed arrow keys breaking animation when the carousel sliding.
    • +
  • Fixed handling of transitioned events dispatched by nested elements (e.g., modals didn’t transition when clicking buttons).
    • +
  • Fixed backdrop errors with stale body cause by unnecessary default and removeChild.
    • +
  • Fixed issue where the show.bs.modal event with the .fade class prevented modals from being displayed again.
    • +
  • Fixed isVisible false positives.
    • +
  • Added getOrCreateInstance method in our base component that is applied to all components.
    • +
+

Docs

+
    +
  • Documented how to make utilities responsive using the API. Also added !important to the sample output CSS and mentioned the $enable-important-utilities global setting.
    • +
  • Added a mention of the breakpoint mixins changes from v4 to the migration guide.
    • +
  • Added a new example of positioned badges to the docs.
    • +
  • Clarified variable overrides in the Customizing > Sass page.
    • +
  • Replaced Freenode with Libera IRC server.
    • +
+
+

Head to GitHub for a complete list of issues and pull requests in v5.0.2. You can also review the v5.0.2 project board.

+

Get the release

+

Head to https://getbootstrap.com for the latest. It’s also been pushed to npm:

+
npm i bootstrap
+

Review the v5.0.2 release changelog for a complete list of changes.

+

Support the team

+

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

+ +
+

+ Bootstrap 5.0.1 +

+ +
+ + + @mdo + @@ -276,7 +357,7 @@

May 13, 2021

- +
@@ -709,88 +790,6 @@

Install

Figma

For the Figma users out there, you can also snag the icons from Figma.

-
-

- Bootstrap 5 Beta 3 -

- -
- - - @mdo - - - - - - -March 23, 2021 -
-
- -
- - - - -

Our final beta for Bootstrap 5 has come with some amazing new changes (including a new component!), documentation updates, and more. We’ve also fixed some important bugs since our last release, in particular with our dependencies. Next up is our stable release!

-

Keep reading for a recap of what’s new in Beta 3.

-

New offcanvas component

-

Offcanvas example -

-

Thanks to our newest team member, @GeoSot, we have a brand new component to unveil in Beta 3—introducing offcanvas! Built on and sharing fundamental pieces of our modals, the offcanvas comes with configurable backdrop, body scroll, and placement. Offcanvas components can be placed on the left, right, and bottom of the viewport. Configure these options with data attributes or via the JavaScript APIs.

-

We’re excited about iterating on the new offcanvas component and building additional examples and demos with you. Please share any feedback on an issue or pull request as you start to use it in your projects.

-

New and refreshed examples

-

New examples -

-

Our examples have been updated in Beta 3 as well. We’ve added four brand new snippet-heavy examples and refreshed a few others. New with this release are several snippets for headers, heroes, features, and sidebars. These new snippets will continue to grow with new additions over time, showing just how fun and easy it is to build with Bootstrap.

-

New starter example -

-

We’ve also updated our starter template with a refreshed, simplified design and more resource links. We’ll also incorporate this new look and feel into our npm starter project project, and eventually add a Parcel starter project.

-

Lastly, we’ve updated our pricing, checkout, and sign-in examples. We’ve also added a new jumbotron example to show you how to create your own jumbotron since we removed it in Bootstrap 5.

-

Improved Sass docs

-

New Sass docs -

-

Since our last release, we’ve added a new section to nearly every component and utility documentation page for the source Sass code. Where appropriate, we now list Sass variables, maps, loops, and animation keyframes. These are directly linked from our source files, so whenever we ship new code, they’ll automatically be up-to-date.

-

And more!

-

Some highlights from the rest of our documentation updates and bugfixes include:

-
    -
  • Added new .list-group-numbered variation to list groups that uses pseudo-elements for numbering list group items.
    • -
  • Removed explicit focus state suppression in Reboot
    • -
  • Improved carousel swipe behaviors for RTL
    • -
  • Updated accordions to improve transitions and borders when animating
    • -
  • Updated Sass customization docs to show how to properly override default variables
    • -
  • Fixed tooltips not appearing after rapid focus in and out
    • -
  • Fixed dropdown events not bubbling and forms inside dropdowns not propagating
    • -
  • Removed flip option from dropdowns
    • -
  • Disabled select now render consistently in Chrome
    • -
  • Button elements now grow in .nav-fill and .nav-justified
    • -
  • JavaScript plugin constructors now accept CSS selectors
    • -
  • De-duped the .border-0 utility
    • -
  • Fixed event handler removal in dropdown/carousel dispose
    • -
  • Added new Parcel guide to the docs
    • -
  • Added input focus blur Sass variable
    • -
  • Updated .browserslistrc to drop Android and add Safari/iOS 12 as the new minimum version (completing our two latest major releases guideline for supported browsers).
    • -
-

Head to GitHub for a complete list of issues and pull requests in v5 Beta 3. You can also review the v5 beta 3 project board, too.

-

A huge thanks to another new team member, @rohit2sharma95, for the dozens of pull requests, bug fixes, and code reviews for our JavaScript plugins.

-

Get the release

-

Head to https://getbootstrap.com to explore the new release. We’ve also published this updated as a pre-release to npm, so if you’re feeling bold or are curious about what’s new, you can pull the latest in that way.

-
npm i bootstrap@next
-

What’s next

-

Looking ahead, we’re eyeing our first stable release for Bootstrap 5! But we also have some other releases on the horizon:

- -

As mentioned in our last release, after v5 goes stable, we’ll look to add some of the awesome features we’ve built up in our backlog. Check out the v5.1 project for an idea of what’s being planned. Feel free to open issues or pull requests if you have any additional ideas!

-

Support the team

-

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

-
diff --git a/page/7/index.html b/page/7/index.html index ac2227cb3..320afa374 100644 --- a/page/7/index.html +++ b/page/7/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap Icons v1.4.0 + Bootstrap 5 Beta 3

@@ -268,6 +268,88 @@

alt="" width="32" height="32"> @mdo + + + + + +March 23, 2021 +

+
+ +
+ + + + +

Our final beta for Bootstrap 5 has come with some amazing new changes (including a new component!), documentation updates, and more. We’ve also fixed some important bugs since our last release, in particular with our dependencies. Next up is our stable release!

+

Keep reading for a recap of what’s new in Beta 3.

+

New offcanvas component

+

Offcanvas example +

+

Thanks to our newest team member, @GeoSot, we have a brand new component to unveil in Beta 3—introducing offcanvas! Built on and sharing fundamental pieces of our modals, the offcanvas comes with configurable backdrop, body scroll, and placement. Offcanvas components can be placed on the left, right, and bottom of the viewport. Configure these options with data attributes or via the JavaScript APIs.

+

We’re excited about iterating on the new offcanvas component and building additional examples and demos with you. Please share any feedback on an issue or pull request as you start to use it in your projects.

+

New and refreshed examples

+

New examples +

+

Our examples have been updated in Beta 3 as well. We’ve added four brand new snippet-heavy examples and refreshed a few others. New with this release are several snippets for headers, heroes, features, and sidebars. These new snippets will continue to grow with new additions over time, showing just how fun and easy it is to build with Bootstrap.

+

New starter example +

+

We’ve also updated our starter template with a refreshed, simplified design and more resource links. We’ll also incorporate this new look and feel into our npm starter project project, and eventually add a Parcel starter project.

+

Lastly, we’ve updated our pricing, checkout, and sign-in examples. We’ve also added a new jumbotron example to show you how to create your own jumbotron since we removed it in Bootstrap 5.

+

Improved Sass docs

+

New Sass docs +

+

Since our last release, we’ve added a new section to nearly every component and utility documentation page for the source Sass code. Where appropriate, we now list Sass variables, maps, loops, and animation keyframes. These are directly linked from our source files, so whenever we ship new code, they’ll automatically be up-to-date.

+

And more!

+

Some highlights from the rest of our documentation updates and bugfixes include:

+
    +
  • Added new .list-group-numbered variation to list groups that uses pseudo-elements for numbering list group items.
    • +
  • Removed explicit focus state suppression in Reboot
    • +
  • Improved carousel swipe behaviors for RTL
    • +
  • Updated accordions to improve transitions and borders when animating
    • +
  • Updated Sass customization docs to show how to properly override default variables
    • +
  • Fixed tooltips not appearing after rapid focus in and out
    • +
  • Fixed dropdown events not bubbling and forms inside dropdowns not propagating
    • +
  • Removed flip option from dropdowns
    • +
  • Disabled select now render consistently in Chrome
    • +
  • Button elements now grow in .nav-fill and .nav-justified
    • +
  • JavaScript plugin constructors now accept CSS selectors
    • +
  • De-duped the .border-0 utility
    • +
  • Fixed event handler removal in dropdown/carousel dispose
    • +
  • Added new Parcel guide to the docs
    • +
  • Added input focus blur Sass variable
    • +
  • Updated .browserslistrc to drop Android and add Safari/iOS 12 as the new minimum version (completing our two latest major releases guideline for supported browsers).
    • +
+

Head to GitHub for a complete list of issues and pull requests in v5 Beta 3. You can also review the v5 beta 3 project board, too.

+

A huge thanks to another new team member, @rohit2sharma95, for the dozens of pull requests, bug fixes, and code reviews for our JavaScript plugins.

+

Get the release

+

Head to https://getbootstrap.com to explore the new release. We’ve also published this updated as a pre-release to npm, so if you’re feeling bold or are curious about what’s new, you can pull the latest in that way.

+
npm i bootstrap@next
+

What’s next

+

Looking ahead, we’re eyeing our first stable release for Bootstrap 5! But we also have some other releases on the horizon:

+ +

As mentioned in our last release, after v5 goes stable, we’ll look to add some of the awesome features we’ve built up in our backlog. Check out the v5.1 project for an idea of what’s being planned. Feel free to open issues or pull requests if you have any additional ideas!

+

Support the team

+

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

+ +
+

+ Bootstrap Icons v1.4.0 +

+ +
+ + + @mdo + @@ -276,7 +358,7 @@

February 22, 2021

- +
@@ -648,63 +730,6 @@

Install

Figma

For the Figma users out there, you can also snag the icons from Figma.

-
-

- Bootstrap Icons v1.2.2 -

- -
- - - @mdo - - - - - - -December 23, 2020 -
-
- -
- - - - -

We’re ironing out the kinks in our new font files with Bootstrap Icons v1.2.2! We went back to the Figma file and ironed out all the fill-rule details to ensure our SVGs translated into font files properly.

-

We also snuck in a few bug fixes to existing icons, docs, and some slight visual improvements to some existing icons. Get the details below!

-

Font files

-

Our icons fonts are (fingers crossed!) free of visual glitches that made so many unusable across Windows devices. For some reason macOS and iOS had no problems, but Windows butchered the font files. Turns out this was a result of inconsistent fill-rule values in our icons, and some font formats and renderers only support a non-zero fill rule. We revisited nearly every icon and got it all sorted out.

-

Icon fonts -

-

Massive shoutout to the Figma Fill Rule Editor plugin that made this relatively quick and painless to update. You can even see in the plugin’s image below how this rule affects rendering of SVGs.

-

Figma Fill Rule Editor plugin -

-

Check out the PR for what’s changed under the hood.

-

Updated icons

-

Revised icons -

-

A few icons got touched up with the work for our font files to clean up paths and make them more visually pleasing.

-
    -
  • Locks are a little more legible—they’re taller and narrower.
    • -
  • Laptops now have a half pixel gap between their base and screen, making them look a little sleeker.
    • -
  • Shields are 1px taller now, with their inner icons now raised 1px as well. No reason to make them not take up the full viewBox.
    • -
  • Stopwatch icons look more like actual stopwatches with separate start/stop and lap buttons.
    • -
  • The bricks icon has its missing grout line restored.
    • -
  • Renamed patch fill icons to fix typos in their file names (fll to fill).
    • -
-

Have some other refinements we should consider? Open an issue to tell us about it.

-

Last but not least, we ironed out some docs issues. Our navbar is fully functional and inline with the v5 beta site. We also added new aliases for icon filtering on homepage.

-

Install

-

To get started, install via npm:

-
npm i bootstrap-icons
-

You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files).

-

Figma

-

For the Figma users out there, you can also snag the icons from Figma.

-
diff --git a/page/8/index.html b/page/8/index.html index 2df0d0e01..bbcf8a3d8 100644 --- a/page/8/index.html +++ b/page/8/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap Icons v1.2.1 + Bootstrap Icons v1.2.2

@@ -268,6 +268,63 @@

alt="" width="32" height="32"> @mdo + + + + + +December 23, 2020 +

+
+ +
+ + + + +

We’re ironing out the kinks in our new font files with Bootstrap Icons v1.2.2! We went back to the Figma file and ironed out all the fill-rule details to ensure our SVGs translated into font files properly.

+

We also snuck in a few bug fixes to existing icons, docs, and some slight visual improvements to some existing icons. Get the details below!

+

Font files

+

Our icons fonts are (fingers crossed!) free of visual glitches that made so many unusable across Windows devices. For some reason macOS and iOS had no problems, but Windows butchered the font files. Turns out this was a result of inconsistent fill-rule values in our icons, and some font formats and renderers only support a non-zero fill rule. We revisited nearly every icon and got it all sorted out.

+

Icon fonts +

+

Massive shoutout to the Figma Fill Rule Editor plugin that made this relatively quick and painless to update. You can even see in the plugin’s image below how this rule affects rendering of SVGs.

+

Figma Fill Rule Editor plugin +

+

Check out the PR for what’s changed under the hood.

+

Updated icons

+

Revised icons +

+

A few icons got touched up with the work for our font files to clean up paths and make them more visually pleasing.

+
    +
  • Locks are a little more legible—they’re taller and narrower.
    • +
  • Laptops now have a half pixel gap between their base and screen, making them look a little sleeker.
    • +
  • Shields are 1px taller now, with their inner icons now raised 1px as well. No reason to make them not take up the full viewBox.
    • +
  • Stopwatch icons look more like actual stopwatches with separate start/stop and lap buttons.
    • +
  • The bricks icon has its missing grout line restored.
    • +
  • Renamed patch fill icons to fix typos in their file names (fll to fill).
    • +
+

Have some other refinements we should consider? Open an issue to tell us about it.

+

Last but not least, we ironed out some docs issues. Our navbar is fully functional and inline with the v5 beta site. We also added new aliases for icon filtering on homepage.

+

Install

+

To get started, install via npm:

+
npm i bootstrap-icons
+

You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files).

+

Figma

+

For the Figma users out there, you can also snag the icons from Figma.

+ +
+

+ Bootstrap Icons v1.2.1 +

+ +
+ + + @mdo + @@ -625,55 +682,6 @@

Get started

Support the team

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

-
-

- Bootstrap Icons v1.1.0 -

- -
- - - @mdo - - - - - - -October 28, 2020 -
-
- -
- - - - -

Our first minor release for Bootstrap Icons is here, with over 30 new icons and a few bug fixes. New icons include fill variations for our emoji icons, including a few new emojis, and several new file type icons.

-

30+ new icons

-

Here’s a look at our file and emoji icons as of v1.1.0. New in this release for emojis are the wink and heart eyes, along with fill versions for the full set. In addition, we’ve added icons for Word, Excel, PowerPoint, and a general bar chart file type.

-

Emoji icons -

-

File and folder icons -

-

Changes

-

Here’s a more complete look at what’s changed in this release.

-
    -
  • Fixed #415: Properly name grip-horizontal and grip-vertical
    • -
  • Fixed #423: Update arrow-up-square-fill
    • -
  • Fixed #437: Make file-earmark variations consistent
    • -
  • New: Added 18 filetype icons #465
    • -
  • New: Added 13 emoji icons #66
    • -
-

Install

-

To get started, install via npm:

-
npm i bootstrap-icons
-

You can also download the release from GitHub, or download just the SVGs (without the rest of the repository files).

-

Figma

-

For the Figma users out there, you can also snag the icons from Figma.

-
diff --git a/page/9/index.html b/page/9/index.html index b0c4a58ee..9b73cb77a 100644 --- a/page/9/index.html +++ b/page/9/index.html @@ -258,7 +258,7 @@

The Bootstrap Blog

- Bootstrap 4.5.3 + Bootstrap Icons v1.1.0

@@ -268,6 +268,55 @@

alt="" width="32" height="32"> @mdo + + + + + +October 28, 2020 +

+
+ +
+ + + + +

Our first minor release for Bootstrap Icons is here, with over 30 new icons and a few bug fixes. New icons include fill variations for our emoji icons, including a few new emojis, and several new file type icons.

+

30+ new icons

+

Here’s a look at our file and emoji icons as of v1.1.0. New in this release for emojis are the wink and heart eyes, along with fill versions for the full set. In addition, we’ve added icons for Word, Excel, PowerPoint, and a general bar chart file type.

+

Emoji icons +

+

File and folder icons +

+

Changes

+

Here’s a more complete look at what’s changed in this release.

+
    +
  • Fixed #415: Properly name grip-horizontal and grip-vertical
    • +
  • Fixed #423: Update arrow-up-square-fill
    • +
  • Fixed #437: Make file-earmark variations consistent
    • +
  • New: Added 18 filetype icons #465
    • +
  • New: Added 13 emoji icons #66
    • +
+

Install

+

To get started, install via npm:

+
npm i bootstrap-icons
+

You can also download the release from GitHub, or download just the SVGs (without the rest of the repository files).

+

Figma

+

For the Figma users out there, you can also snag the icons from Figma.

+ +
+

+ Bootstrap 4.5.3 +

+ +
+ + + @mdo + @@ -276,7 +325,7 @@

October 13, 2020

- +
@@ -497,90 +546,6 @@

Similarly, v4.5.1 already removed the min-width: 0 on .cols. This change was introduced to fix <pre> elements not fitting to a column. This an issue with how flexbox works, where a flex container cannot shrink beyond its children’s content. Rather than force this on every column, we recommend you apply this as needed with a custom utility. (We’ll also aim to add this as a new utility in v5.)

We know this kind of hiccups set you back, so please accept our apologies for the bugs. Be sure to read the referenced pull requests above to get up to speed on what happened and how we fixed it. This CodePen demo has all the known grid issues and fixes implemented in it.

-

-

- Bootstrap 4.5.1 -

- -
- - - @mdo - - - - - - -August 04, 2020 -
-
- -
- - - - -

We’re shipping our latest patch release today to fix a handful of bugs in Bootstrap 4. While our focus remains on v5’s second alpha release (coming in the next couple weeks), we want to keep v4 as stable and reliable as possible.

-

Our next couple releases for Bootstrap 4 will continue this trend, focusing on bug fixes, documentation improvements, and (later on) features that help bridge the gap to v5.

-

Changes

-

Also available in the v4.5.1 release on GitHub.

-

CSS

-
    -
  • #30808: Simplify list-group borders in cards
    • -
  • #30810: Add z-index to .custom-check to fix their rendering in CSS columns
    • -
  • #30817: Add border-radius to .card-img-overlay
    • -
  • #30830: Prevent conflicts with components with classes
    • -
  • #30922: Fix color on disabled checked state for custom controls
    • -
  • #30932: Restore word-break: break-word; on .text-break utility.
    • -
  • #30940: Prevent .row from shrinking in flex containers
    • -
  • #30957: Nullify custom form states’ box-shadow
    • -
  • #30959: Toasts in IE11
    • -
  • #30960: Fix IE11 validation tooltip alignment in input groups
    • -
  • #30965: Improve floating labels example in IE
    • -
  • #30966: Improve floating labels with Edge and a general refactor
    • -
  • #30969: Remove duplicated container breakpoints in compiled CSS
    • -
  • #30999: Revert min-width: 0 on .col due to unforeseen side effects
    • -
  • #31148: Remove duplicate properties on custom controls
    • -
  • #31165: Remove backdrop-filter from docs subnav and toasts
    • -
  • #31339: Add link to view docs pages on GitHub
    • -
  • #31347: Turn off scroll anchoring for accordions
    • -
  • #31381: Remove overflow: hidden from toasts
    • -
-

JavaScript

-
    -
  • #30326: Prevent overflowing static backdrop modal animation
    • -
  • #30936: Add role="dialog" in modals via JavaScript
    • -
  • #30992: Avoid preventing input event onclick
    • -
  • #31155: Clear timeout before showing the toast
    • -
-

Build

-
    -
  • #30797: Fix release script docs
    • -
  • #31011: Updated Babel config
    • -
  • #31296: Update to Ruby 2.7 and Bundler 2.x
    • -
-

Docs

-
    -
  • #30809: Update docs callout for responsive SVG images
    • -
  • #30813: Mention Bootstrap Icons in extend/icons.md page
    • -
  • #30896: Improve wording on Downloads page
    • -
  • #30897: Prevent skip links from overlapping header in docs
    • -
  • #30973: Update some nav examples by removing .nav-item from .nav-link to be more consistent
    • -
  • #31070: Fix some broken examples and typos
    • -
  • #31135: Move color utility callouts to start of page
    • -
  • #31234: Clean up docs forms for accessibility
    • -
  • #31344: Mention toasts in the components requiring JavaScript page
    • -
-

Head to the v4.5 docs to see the latest in action. The full release has been published to npm and will soon appear on the BootstrapCDN and Rubygems.

-

Next up

-

We’ll be shipping our second alpha of v5 in the next few weeks. We’ve been a little delayed as we focus on ourselves during these unprecedented times and have all been taking a bit of time off here and there. We’re sorry to keep y’all waiting on v5 and hope you can understand.

-

After v5’s second alpha, we’ll be targeting a final alpha before our first beta, as well as more patches for v4. We’ll also be releasing the Bootstrap Icons soon. So stay tuned for more!

-

Support the team

-

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

-
diff --git a/sitemap.xml b/sitemap.xml index cf64952cd..fe477d02f 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -2,11 +2,15 @@ https://blog.getbootstrap.com/archive/ - 2023-09-12T00:01:00+00:00 + 2023-09-14T14:30:00+00:00 + + + https://blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/ + 2023-09-14T14:30:00+00:00 https://blog.getbootstrap.com/ - 2023-09-12T00:01:00+00:00 + 2023-09-14T14:30:00+00:00 https://blog.getbootstrap.com/2023/09/12/bootstrap-icons-1-11-0/