What is Bootstrap 5 Cheat Sheet?
It is an interactive list of Bootstrap 5 classes, variables, and mixins. It helps you easily find the differences between Bootstrap 4 and Bootstrap 5. The only Bootstrap 5 CheatSheet you will ever need whether you are upgrading your Bootstrap 4 project or starting a new Bootstrap 5 project.
It is aimed towards a large community of bootstrap users who find it difficult to search for bootstrap classes, variables, and mixins.
Preview
Have a look:
Key Features 🛠
- Search for your class, variable, or mixin
- Highlight Difference Between Bootstrap 4 & 5 Classes
- Live preview of HTML & code snippet
- Update code snippet on the go
- Easily copy the code snippet and use it
Contents 🤩
- Classes: https://bootstrap-cheatsheet.themeselection.com/
- Variables: https://bootstrap-cheatsheet.themeselection.com/variables.html
- Mixins: https://bootstrap-cheatsheet.themeselection.com/mixins.html
Gulp Commands 🏹
This project uses the gulp tool to build CSS, JS, and HTML files. The following table explains each of the gulp commands :
- gulp dist-clean: Clean Assets
- gulp dist-css: Generate CSS
- Filesgulp dist-js: Generate JS Files
- gulp dist-html: Generate JS Files
- gulp monitor: watch changes of SCSS and PUG files
- gulp: generate all the assets (css & js)
Contributing 📝
If you find something which doesn't make sense, or something doesn't seem right, please make a pull request and please add valid and well-reasoned explanations about your changes or comments.
Before adding a pull request, please see the contributing guidelines.
Credits 🤘
- Bootstrap: https://getbootstrap.com/
- Editor: https://ace.c9.io/
- Shuffle JS: https://vestride.github.io/Shuffle/
- Humans: https://wannathis.one/humans
Copyright and license ©
This is an open-source project by ThemeSelection that is licensed under MIT. ThemeSelection reserves the right to change the license of future releases.
Note 📒
Keep ThemeSelection credit link if you share this tool or add it to the blog post.
About Themeselection
Themeselection provides Selected high-quality, modern design, professional, and easy-to-use Free Bootstrap Admin Template, VueJS Admin Templates, HTML Themes, and Free UI Kits to create your applications faster!.
Also published at https://dev.to/theme_selection/bootstrap-5-cheatsheet-by-themeselection-2llg
