Bootstrap Cheatsheet

screenshot of Bootstrap Cheatsheet
themeselection
Bythemeselection
bootstrap
scss

Bootstrap Cheatsheet

The ultimate cheatsheet for Bootstrap5 🚀

GithubLive Demo

Overview

The Bootstrap 5 CheatSheet by ThemeSelection is an interactive list of Bootstrap 5 classes, variables, and mixins. It helps users easily find the differences between Bootstrap 4 and Bootstrap 5. Whether you are upgrading your Bootstrap 4 project or starting a new Bootstrap 5 project, this CheatSheet provides all the essential information. It is aimed towards the large community of Bootstrap users who often find it difficult to search for specific Bootstrap elements.

Features

  • Search for your class, variable, or mixin: Easily search for specific Bootstrap classes, variables, or mixins.
  • Highlight Difference Between Bootstrap 4 & 5 Classes: Clearly see the differences between Bootstrap 4 and Bootstrap 5 classes.
  • Live preview of HTML & code snippet: Get real-time previews of your HTML and code snippets.
  • Update code snippet on the go: Make changes to code snippets and see the updates immediately.
  • Easily copy code snippet and use it: Copy code snippets with ease for quick implementation.
bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.

Pug

Pug is a high-performance template engine for Node.js and browsers that enables developers to write HTML templates using a concise and intuitive syntax. It supports a range of features, including template inheritance, conditionals, loops, mixins, and more, and can be easily integrated into a variety of web frameworks and build tools.