Tag: UI

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

Bootstrap Icons v1.8.0 is here with over 140 new icons, including dozens of new heart icons ready for Valentine’s Day and dozens of filetype icons. We’re now at almost 1,700 icons and is once again our second largest release. Keep reading to see what’s new. 140+ new icons Perfect for Valentine’s Day or any other time you need to show a little heart, there are dozens of icons to choose from. Want to visually show the extensions of your files? There are tons of new options for programming languages, audio and video, images, and more.

Bootstrap Icons v1.7.0 is here with 120 new and updated icons, taking us over 1,500 total icons for the project! It’s the largest update since the initial release, so keep reading to see what’s new. 120 new icons This update was a lot of fun for me—drawing all these tiny computer parts most of all! There are dozens of new computer-related icons for parts, ports, and peripheral devices. There are also several new brand icons, including Meta, and some other fun icons like a new robot head and a boombox. Looking for more new icons? Head to the issue tracker to check for open requests or submit a new one. Install

Bootstrap v4.6.1 has finally arrived! Biggest change here is a re-implementation of our Sass division functions and updates from v5, as well as some accessibility improvements and general bug fixes. Read on for the highlights or head to the v4.6.x docs to see the latest in action. What’s changed Replace Sass division with multiplication and custom divide() function fix(forms): input-group and validation icons Fix minor visual bug in FF caused by moz-focusring Adjust SAFE_URL_PATTERN regex for use with test method of regexes Add sms in the SAFE_URL_PATTERN for sanitizer Adjust feedback icon position and padding for select.form-control Carousel: use buttons, not links, for prev/next controls v4: Sass docs for default variables Handle complex express

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