Finally took a stab at coding these up and adding them to Bootstrap! Only took me like five years to do it after CSS support finally allowed a super straightforward, non-JS solution. This isn't 100% complete, and we're not adding it until v4.1, but the mood struck so I whipped it up tonight :).
Includes support for easy coloring, alignment, sizing, and more.
/cc @patrickhlauke for accessibility guidance
Fixes #19556 (closed), fixes #12598 (closed), fixes part of #7135 (closed), fixes #6807 (closed), fixes #6461 (closed), fixes #6454 (closed), fixes #5829 (closed), and fixes #1371 (closed).
Preview: https://deploy-preview-22960--twbs-bootstrap4.netlify.com/docs/4.1/components/spinners/
Todos
-
Consider adding docs JS to toggle animations? -
Confirm accessibility needs -
Apparently we don't have float docs yet, so get those coded. Done in #22961! -
Confirm component and docs naming -
Any other spinner designs?