Bootstrap

Exploring Bootstrap 5.3 Features

3 min read Web Development, CSS
Introduction to Bootstrap 5.3 Bootstrap 5.3 brings exciting new features and improvements to the world’s most popular CSS framework. Let’s explore what makes this version special. Dark Mode Support One of the most requested features is now built-in! Bootstrap 5.3 includes native dark mode support: <html data-bs-theme="dark"> <!-- Your dark mode content --> </html> You can easily toggle between light and dark themes: // Toggle dark mode document.documentElement.setAttribute('data-bs-theme', 'dark'); // Toggle light mode document.
Read more

Getting Started with Bootstrap Blog

1 min read Tutorial
Welcome to the Bootstrap Blog theme! This is a demo post showing the theme’s features. Features Clean and modern design Responsive layout with Bootstrap 5.3 Dark mode support Modular sidebar SEO optimized Installation Simply add the theme to your Hugo site: git submodule add https://github.com/ngs/hugo-bootstrap-blog themes/hugo-bootstrap-blog Enjoy blogging!
Read more

Getting Started with Bootstrap Blog Theme

2 min read Tutorial
Getting Started with Bootstrap Blog Theme Introduction Welcome to the Bootstrap Blog theme for Hugo! This theme provides a clean, modern, and fully responsive design for your blog, powered by Bootstrap 5.3 and packed with features. Features Responsive Design The theme is fully responsive and looks great on all devices, from mobile phones to desktop computers. Dark Mode Support Toggle between light and dark modes with a single click. The theme automatically respects your system preferences.
Read more

Customizing the Bootstrap Blog Theme

2 min read Tutorial, Customization
Introduction The Bootstrap Blog theme is highly customizable. This guide will show you how to modify various aspects of the theme to match your personal style and requirements. Color Scheme Using Bootstrap Variables The theme uses Bootstrap 5.3, which means you can customize colors using Bootstrap’s CSS variables: :root { --bs-primary: #0066cc; --bs-secondary: #6c757d; --bs-success: #28a745; --bs-info: #17a2b8; --bs-warning: #ffc107; --bs-danger: #dc3545; } Dark Mode Colors Customize dark mode colors in assets/scss/_dark-mode.
Read more