WWW… Wednesday! Bootstrap 5 Stable
by Taylor Slattery | June 8, 2021
Bootstrap 5 Stable, one of the most flexible and popular front-end toolkits, is now available.
With this latest update, a major addition comes in the form of Right-to-left text support, a feature that has been long sought after by users whose native languages don’t follow the left-to-right conventions of English.
With the addition of RTL support comes a new corresponding RTL version of the bootstrap CSS dist file as well as an RTL cheat sheet to complement the LTR version. For those looking to get started, you can find the full documentation introducing the approach and how to implement it here. Additionally, you can view some examples of RTL in action here. Because the approach utilizes RTLCSS, converting stylesheets from LTR to RTL should be relatively straightforward to get started with.
Several classes and variables have also been renamed in order to play nicely with the RTL update and add a degree of future-proofing to Bootstrap. The changes come in support of Bootstrap’s flex utility, which helps to address direction-specific properties which would cause issues when switching orientation between LTR and RTL. Specific attention has been paid to properties referencing left and right to simplify the process moving forward.
The utilities API has also been updated with the most notable addition being pseudo-classes which act as variants via the “state” option. This makes it possible to generate class names based on states to change parameters like opacity when an element is hovered over.
Taylor is the Managing Editor of Notes on Design. Taylor is a graphic designer, illustrator, and Design Lead at Weirdsleep.