Tag: UI

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 To get started, install or update via npm:

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 Two new easel variations New fingerprint icon New magic stick New pe

Bootstrap v5.1.2 is here with a handful of improvements across our components, plus a fix for an issue in another project that prevented our Sass from compiling properly. Keep reading for the highlights. Highlights Temporarily patched a postcss-values-parser issue by rearranging our calc() functions that use negative numbers. This should restore the ability to import and compile Bootstrap’s Sass in create-react-app. Added border-radius sizes to small and large .form-selects Added align-self: center to buttons for improved rendering in flex containers Fixed Collapse regression that prevented toggling between sibling children Updated JS Sanitizer to add sms in the SAFE_URL_PATTERN Improved docs around .img-fluid

Bootstrap v5.1.1 has landed with a handful of bug fixes and documentation improvements. Following this release, we’ll be shipping another bugfix and docs update before moving onto additional new features. Keep reading for the highlights. Highlights Fixed broken .bg-body utility. This was caused by the same --body-rgb CSS variable for both text and background. --body-rgb is now split into --body-color-rgb and --body-bg-rgb for proper usage. While this could be considered a breaking change, the current implementation was outright broken, so we’ve chosen to address this head-on. All CSS dist builds now include _root.scss and all our :root-level CSS variables. The goal here is consistency across the distribution files so that no matter what CSS build you use, you have the same level of customizati

Ten years ago today, we shipped the first release of Bootstrap. Releasing it on GitHub was my first real plunge into open source—what an introduction! Here we are a decade later with one of the most widely used open source projects and frontend toolkits on the web. Happy birthday, Bootstrap—what a ride! While numbers certainly don’t tell the whole story, Bootstrap has reached some incredible milestones over the past decade. Here are some highlights: Over 2.5 billion pageviews for our docs. That’s more than 685,000 a day. 394,000,000 npm downloads since 2015—over 131 million of which were in 2020 alone. That’s 180,000 a day over the last six years. 50 milli

The first minor release of Bootstrap 5 is here! v5.1.0 has arrived and is packed with exciting new features and improvements. There’s experimental support for CSS Grid, offcanvas in the navbar, a new placeholders component, horizontal collapse support, new helpers, new CSS variables in our utilities, refactored JavaScript, and more. Jump to a section: CSS Grid Offcanvas in navbars Placeholders Horizontal collapse Stack and vertical rule helpers New CSS variables Updated .bg-* and .text-* utilities Four new examples

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: Ignore it entirely and silence the deprecation warnings Drop implicit support for LibSass and use the Dart Sass math module Figure out a custom fix to keep the widest possible Sass support We chose the third option—keepin

Our first patch release for Bootstrap 5 has landed with v5.0.1! We’ve fixed a handful of bugs in our CSS and JS while also resolving a few issues with our docs and examples. Changelog Fixed an issue where dropdowns wouldn’t close after clicking into an <input> Validated inputs in .input-groups no longer render behind sibling elements Prevent accent-bg from leaking in nested tables Modal backdrops no longer throw Uncaught TypeError when initialized through JS Refactored disposing properties into the base component Extracted static DATA_KEY and EVENT_KEY to the base component Merged transitionend listener callbacks into one method Popovers and tooltips have a streamlined config property Toasts no longer automatically hide on focus or hover No longer redefining $list-gr

Bootstrap Icons v1.5.0 adds 45 new icons across a few categories as I continue to round out the set. Keep reading to see what’s new! 45 new icons The primary goal with this release was to round out some of the most requested icons to date. Here’s the lowdown: First up are large versions of our dash, plus, slash, x, and other alert signage icons. The existing icons are based on their placement in other shapes, so rather than upsize those ones and potentially break things for folks, I’ve added new large options. Commerce icons have a huge update with new currency options, banks, insert credit card, vaults/safes, and even a couple piggy banks. For people and identity, we’ve added our first gender icons for female, male, trans, a