HOME C C++ PYTHON JAVA HTML CSS JAVASCRIPT BOOTSTRAP JQUERY REACT PHP SQL AJAX JSON DATA SCIENCE AI

Bootstrap 5 Dark Mode

Dark Mode

By default, bootstrap pages have a white (light) background color.

If you want to change the whole page to a darker color, you can add data-bs-theme="dark" to the <html> element:

Dark Mode For Components

If you don't want the whole page to have a darker color, but only specific components, you can add the data-bs-theme="dark" attribute to the specified component.

Dark Mode Table

Firstname Lastname Email
Ram Kumar ram@example.com
Mahi mittal mahi@example.com
Dolly Kumari dolly@example.com
Example
<table class="table" data-bs-theme="dark">