The Most Amazing Bootstrap 5 CheatSheet💥

February 13th 2021 1,771 reads

0

@saanvi-sen

Saanvi Sen

We built high quality, highly customizatable Bootstrap Admin Templates. https://themeselection.com

About @saanvi-sen

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

0

Encode, Stream, and Manage Videos With One Simple Platform

Related Stories

The Best PHP Frameworks To Use for Web Development in 2021

Published at Mar 03, 2021 by saanvi-sen #php-framework

Adding a Headless CMS to Astro in 3 Steps

Published at Sep 21, 2022 by stefankudla #jamstack

Let’s Understand Chrome V8 — Chapter 16: What is Runtime? Why is it important?

Published at Sep 21, 2022 by huidou #javascript

How I Refactored a SPA Project

Published at Sep 19, 2022 by sun0day #javascript

How to Delete an Item in an Array at a Specific Index

Published at Sep 19, 2022 by smpnjn #web-development

Everything You Need to Know About Javascript Arrays

Published at Sep 19, 2022 by smpnjn #web-development