FlexiStyle Bootstrap

2
9.X

FlexiStyle Bootstrap is based on the FlexiStyle Drupal theme. This theme is fully compatible 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).

FlexiStyle Base theme

✔ Live Demo Steps

  • Click on the Live Demo button.
  • Type "flexistyle_bootstrap" in the Evaluate Drupal projects field.
  • Then choose the Drupal version from the select list.
  • Then click on the Launch Sandbox.
  • After a few minutes, the project sandbox is ready for testing.

Live Demo

✔ Installation

  1. Download the flexistyle_bootstrap theme from drupal.org manually, or by composer `composer require drupal/flexistyle_bootstrap`.
  2. Install the "FlexiStyle Bootstrap" theme.
  3. Configure the defined flexistyle_bootstrap theme settings.

✔ Create subtheme

  • You can create a subtheme through a shell script.
  • Install the "FlexiStyle Bootstrap" theme with the composer `composer require 'drupal/flexistyle_bootstrap` but don't enable it.
  • Go to the theme folder from shell or command prompt: `cd themes/contrib/flexi_style`.
  • Run this command from the shell "Make script executable": `chmod +x scripts/subtheme.sh`.
  • Run this command from the shell to launch the script: `sh scripts/subtheme.sh` or `./scripts/subtheme.sh`.
  • That script will ask the questions for you to create your subtheme.
    • The machine name of your custom theme? [e.g. mytheme_flexistyle_bootstrap]: mytheme_flexistyle_bootstrap.
    • The theme name of your custom theme? [e.g. Mytheme FlexiStyle Bootstrap]: Mytheme FlexiStyle Bootstrap
  • Go to the administration -> Appearance and enable the `Mytheme FlexiStyle Bootstrap`.

Maintainers of this theme

Anoop Singh

 

Want to customize this theme in a unique way for your website, we are here to help you!

We also build custom Drupal themes

 

Get a custom theme