Maintenance fixes only

FlexiStyle Bootstrap is a versatile Drupal base theme designed to be fully compatible with Drupal 10. FlexiStyle Bootstrap serves as a robust foundation for creating sub-themes, making it easy to build custom designs while maintaining full compatibility with Drupal 10. It is a dynamic and modern custom theme designed specifically for Drupal. Its theme completely overwrites standard root twig templates. This theme is based on bootstrap based layout and structure. This theme seamlessly integrates aesthetics with functionality, offering a visually striking and user-friendly.

This theme supports all the bootstrap versions. It is a lightweight theme because we are attaching all the CSS and JS libraries based on the components and disabling unnecessary libraries. theme performance, best practices, and SEO scores are high in a lighthouse.

The theme is fully responsive and mobile-first. Use the latest version of Fontawesome and Google material libraries for icons in this theme. All the sections, colors, sizes, widths, columns and containers are fully based on the bootstrap.

"Flexi Style Bootstrap" theme settings are manageable, You can change the header, navbar, footer, Bootstrap version, and maintenance mode time settings and styles from the theme appearance. This theme is fully supportable with the Progressive web application (PWA).

Other Drupal base themes

FlexiStyle Bootstrap SCSS FlexiStyle

✔ Features of the theme

The FlexiStyle Bootstrap theme is a highly customizable and versatile Drupal base theme designed for modern web development. Fully compatible with Drupal 10 and 11, this theme offers a wide array of features:

Bootstrap Integration

• Full Flexibility: Choose how to integrate Bootstrap, whether via local files, CDN, or libraries folder.
• Bootstrap Version Selection: Select the desired Bootstrap version from local files or CDN.

Layout Options

• Fixed-Width or Full-Width Layouts
• Use "Container" for a fixed-width layout and Use "Container-fluid" for a full-width layout.

Global Settings

• Fonts: Choose global fonts from local files or Google Fonts for full flexibility.
• Icons: Supports Font Awesome, Google Material Icons, and Bootstrap Icons.
• Global Styles: Add custom CSS for instant changes to your webpage without needing server access.

Header Customization

• Top Header Background: Select from predefined background color options.
• Top Header Classes: Add custom classes for unique header styling.
• Header Position: Easily switch between "Normal" and "Sticky" header positions.
• Header Styles: Three distinct header styles to choose from.
• Navbar Background: Change the header navbar's background color for a better user interface (UI).
• Header Classes: Add custom or Bootstrap classes for advanced header customization.

Sidebar Options

• Background Colors: Change sidebar block backgrounds using predefined colors.
• Sidebar Block Classes: Add Bootstrap or custom classes for personalized sidebar design.

Footer Design

• Background Colors: Customize the footer and footer-bottom backgrounds.
• Footer Classes: Add custom or Bootstrap classes to style the footer.
• Footer Top and Bottom Classes: Differentiate sections of the footer with unique classes.

Theme Structure and Development Features

• Complete Bootstrap Class Library: Utilize all Bootstrap classes to build page layouts and structures.
• Customizable Twig Templates: Easily modify Twig files for template customization.
• Pre-Designed Core Pages: Save time with pre-designed core pages.
• Subtheme Folder: Includes a ready-to-use subtheme folder for creating custom themes manually.
• Components-Based: Fully components-based architecture for better modularity and reusability.

Performance and Compatibility

• Lightweight and High-Performance: Optimized for speed and efficiency across all sections.
• Accessibility-Ready: Adheres to accessibility standards for an inclusive user experience.
• Progressive Web App (PWA) Support: Fully compatible with Progressive Web Applications.
• Responsive and Mobile-Friendly: Adapts seamlessly to various screen sizes and devices.
• Cross-Browser Compatibility: Ensures consistent performance across all modern web browsers.