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!

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.

Headings Markdown supports six levels of headings: Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Emphasis You can add emphasis to your text: This text is italicized This is also italicized This text is bold This is also bold This text is bold and italic This is also bold and italic Lists Unordered Lists First item Second item Nested item Another nested item Third item Ordered Lists First item Second item Nested item Another nested item Third item Links and Images Links This is a link to Hugo

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.