Tag: UI

We’ve deviated from developing v5.3.0 to ship a new patch release, Bootstrap v5.2.3, with a handful of more urgent bug fixes. Highlights Added the missing :root CSS variables to our utilities bundle Fixed the deprecation warning with Sass 1.56.0 Fixed the RTL translate() direction for carousels Fixed tooltip and popover disposal inconsistencies We’re heading right back to it with v5.3.0 with support for color modes, new utilities, and more. Look for a pre-release of that soon. Get the release Head to https://getbootstrap.com for the latest. It’s also been pushed to npm: npm i [email protected]

Bootstrap Icons v1.10.0 is here with nearly 150 new icons. This release includes tons of new variants for person, building, and database icons, plus new brands, rockets, road signs, globes, and many more. We’re now at over 1,900 icons! 150 new icons Here’s a quick look at all the new icons in v1.10.0: Some highlights for the new icons include: 22 new person icons 26 new house icons 24 new building icons, including a renamed building to buildings 22 new database icons 24 new street sign icons New globe icons New EV, taxi, bus, and scooter transportation icons

Bootstrap v5.2.2 has landed with new bug fixes and documentation updates—keep reading to see what’s changed! Highlights Accordion Use Sass variable for the accordion color instead of an invalid CSS variable Buttons Undo changes to .btn:hover from v5.2.1. We now explicitly target .btn-check styles instead. Dropdowns Temporarily restore ability for dropdowns to work without an explicit data attribute (will be removed again in v6) Modals Improve modal event listeners Use <h1> for all .modal-title instances in our docs Tables Don’t redefine $border-color in table-variant() mixin Tabs

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. W

Bootstrap v5.2.0 is finally stable! We’ve ironed out more bugs, improved more documentation, written new guides and built out new functional environment examples, and so much more! Keep reading for highlights from both beta and stable releases. Docs redesign As previewed in our beta release, the docs have been redesigned! It starts with our new homepage where we have a more complete representation of Bootstrap’s features and an updated design. The docs sidebar navigation has been overhauled to have always expanded groups for easier browsing, a brand new DocSearch experience with search history, and new responsive offcanvas drawers for both si

After several months, we’ve finally shipped Bootstrap v4.6.2, one of our last releases for the v4. It’s a bit of a maintenance patch featuring bug fixes, dependency updates, and some docs updates. Read on for the highlights or head to the v4.6.x docs to see the latest in action. What’s changed There are two big highlights in v4.6.2: First, we’ve added an example to our Collapse plugin docs to show how to use horizontal collapsing. This has long been possible via our JS, but we never had an official class to utilize it. Second, we’ve replaced the deprecated color-adjust with print-color-adjust in our Sass files as part of the Autoprefixer v10.4.6 issues. This should quiet the issues folks have seen from that dependency change. If you’re using our distribution CSS files, like bootstrap.min.

Bootstrap Icons v1.9.0 is here with over 140 new and updated icons, including some longstanding requests for new brands, transportation options, numbers and letters, and so much more. With this release, we’re now at over 1,800 icons! 140+ new icons Here’s a quick look at all the new icons in v1.9.0: Tons of new brand icons including popular browsers, Ubuntu, Google Play, Android, Dropbox, and many more. New transportation icons including cars, trains, planes, fuel, and common road signs. New number and letter icons for 1-9, R, C, CC, H, and P (for use cases like registered trademark, copyright, Creative Commons, hospital or helicopter,

Bootstrap v5.2.0-beta1 added a slew of CSS custom properties, or CSS variables, across the :root level and all our core components. Here’s a quick look at how you can utilize them in your projects. With CSS variables, you can now customize Bootstrap easier than ever, and without the need for a CSS preprocessor. All the power of Sass is still there behind the scenes, but CSS variables adds a ton of power for the future. Use and compose new values, updates styles globally without recompiling, set fallback values, setup new color modes, and more. Let’s dig in. CSS variables? Their official name is custom properties, but they’re often referred to as CSS variables thanks to their most immediate use case for setting specific values. Consider reading

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:

It’s the biggest release since v5 itself—Bootstrap v5.2.0-beta1 is here! This release features redesigned docs, CSS variables for all our components, responsive offcanvas, new helpers and utilities, refined buttons and inputs, and lots of improvements under the hood. Given the size of the update and time since our last release, we’re doing something different and shipping it as a beta first. Keep reading for details. Why so long? I want to start by acknowledging the time it’s taken to ship a new release. As an open source maintainer, I’m constantly worried about not doing or being good enough of a developer for my projects. Pair that with a distributed team all working through this pandemic and me having a heart attack, we’ve all needed some down time. I managed to put together a