10 Bootstrap Classes

What is Bootstrap!

Bootstrap is a free, open-source CSS framework directly responsive for mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

Bootstrap is an HTML, CSS, and JS Library that focuses on simplifying the development of informative web pages as opposed to web apps, and the primary purpose of adding on a web project is to apply Bootstrap’s give options like color, size, font, and layout in the project work. And the primary factor is whether the developers in charge find those options to their liking. Once added to a project, Bootstrap provides basic style definitions for all HTML elements, and the result is a uniform appearance for prose, tables, and form elements across web browsers.

List of Bootstrap Classes

Class Description 1. Categories
.active To adds a grey background color to the table row means (<tr> or table cell (<td>) (same color used on hover) Tables
.active To adds a gray background color to the active link in a default navbar, which means adding a black background and a white color to the current link inside an inverted navbar form. Navbar
.active To adds a blue background color to the active list item in a list group List Groups
.active And adds a blue background color to simulate a “pressed” button Buttons
.active Animates a striped progress bar Progress Bars
.active To adds a blue background color to the active dropdown item in a dropdown Dropdowns
.active Add a blue background color to the active pagination link (to highlight the current page) Pagination
.affix And the Affix plugin allows an element to become affixed (locked/sticky) to an area on the page. It toggles position: fixed on and off Affix
.alert Creates an alert message box Alerts
.alert-danger Red alert box. Indicates a dangerous or potentially harmful action Alerts


Wherever any material is quoted as sourced from the published text with publishing rights vested in an individual, it is stated that it is a pure quotation and has no intention to claim it as our own.

Image Source:

Get a Quote

Starting a project is just a few steps away...