Barrio is a Bootstrap 4 base theme for Drupal 8 that uses twig root templates to completely override Drupal’s markup, generating full Bootstrap 4 markup and outputting almost all of Drupal 8’s HTML code.
This theme has no styling; it is not a layout, but serves as a starter theme.
Several configuration options are available for this theme out of the box via the settings form, in addition to unlimited possibilities through twig template editing.
Bootstrap 4 SASS - Barrio Starter Kit is a Barrio subtheme that simplifies the integration of Bootstrap 4 SASS with Drupal.
This subtheme overrides almost all of Drupal’s default CSS and replaces Bootstrap variables wherever possible to generate a new set of root-based CSS files.
Color management is based on Google Material Design, generating lighter and darker variations of the primary color to create hover effects or visual contrast.
Features:
- Includes Bootstrap 4 CDN (versions 4.0 to 4.3)
- Provides Bootstrap 4 breakpoints
- Bootstrap controls available in the UI
- No subtheme mode unless template overrides are needed
Installation
Using Composer:
composer require drupal/bootstrap4
Subtheme
Bulma is a base theme for Drupal 8 built on top of the Bulma CSS framework, which itself is constructed using the Flexbox model of modern CSS, supported across all modern browsers.
The Foundation Patterns theme is a sub-theme of Zurb Foundation, designed to implement Foundation components using UI Patterns templates. The primary goal of this theme is to provide a way to rapidly assemble layouts using common templates from the Foundation framework.
This page is for setting up the Drupal 8 W3CSS theme
- How to install the Drupal 8 W3CSS theme – Watch the video
Download the theme to your-drupal-site-name/themes/ and go to your-site-domain/admin/appearance. Scroll to the bottom until you see the Drupal 8 W3CSS Theme, click “Install and set as default,” then click “Save.”
While Drupal 8 comes with several Field Formatter plugins for each field type, there are many contributed modules that add useful and easy-to-use field formatters. The goal of this guide is to simplify the discovery of available field formatters for each core field type.
The following modules provide or enhance field formatting functionality for a wide range of core field types.
Third-party Settings Enhancements
These modules use third-party settings to enhance many or all field formatters installed on your site. They do not provide new formatters but add functionality to existing ones.
Drupal 8 comes with a single core Field Formatter for Boolean fields. The following contributed modules provide additional Field Formatter plugins for Boolean fields:
Drupal 8 comes with four core Field Formatter plugins for Datetime fields: Default, Custom, Plain, and Time Ago.
For Datetime Range fields, there are three core field formatters: Default, Custom, and Plain.
The following contributed modules provide additional field formatters for Date and/or Time fields: