Ui Suite Bootstrap

A site-builder friendly Bootstrap theme. Use Bootstrap parts (components, helpers, utilities and layouts) directly from Drupal backoffice (layout builder, manage display, views, blocks, flags...) in a low-code way.

This theme is built with UI Suite

UI Suite provides a cohesive set of modules to implement full design systems while preserving and improving the Drupal site building experience.

30+ components with UI Patterns and SDC

Examples: Card, Carousel, Button, Navbar, Alert...

You can browse the pattern libraries directly inside Drupal: /patterns ; for example, the 'card' pattern is available here: /patterns/card.

Thanks to a large ecosystem, patterns are automatically available for site buidling as: layout, views row, field formatter, views styles...

40+ helpers & utilities with UI Styles

Examples: Borders, Colors, Shadows, Sizing, Spacing...

You can browse the styles libraries directly inside Drupal: /styles

The styles are automatically available for site building inside layout builder's blocks & layouts, as views plugins, and from ckeditor.

50+ CSS variables with UI Skins

Customize the components and styles with custom properties. Examples: color palettes, fonts, border styles.... Those variables can be overriden from the theme settings page: /admin/appearance/settings/ui_suite_bootstrap

3 example pages with UI Examples

To showcase what it is possible to build with this theme:

You can browse the example pages directly inside Drupal: /examples

Non-core modules supported

In addition to Core modules, this theme (5.x.x) also supports:

• Book
• Clientside Validation
• Commerce
• Entity View Display Template Suggestions
• Fences - Semantic field markup and classes: from 5.1.0-alpha3
• Layout Builder Browser: from 5.1.0-beta1
• Layout Builder Reorder: from 5.1.0-beta1
• Media Library Edit: from 5.1.0-alpha5
• Menu Trail By Path: from 5.1.0-alpha3
• Paragraphs
• Section Library: from 5.1.0-alpha3

Sometimes a full support is not possible due to theme limitations. For example some hooks are not triggered in themes, or a theme can not provide plugins (most plugins only support modules discovery) so not possible to override existing plugins.

Recommended patches

Here is a list of recommended patches that will improve the usage:

• #3460462: Change the LB Add block link text to understand in which region the block will be placed

Branches

Branches 5.x.x are implementing Bootstrap 5. See installation instructions.

• 5.0.x: UI Patterns 1 + Layout Options.
• 5.1.x: UI Patterns 2 + UI Icons. Layout Options related features are deprecated.
• 5.2.x: Remove deprecations. Library management improvements

Note: Currently some dependencies on 5.1.x does not have a stable release yet, so you may need to change the minimum stability on your project composer.json to be able to download the latest version of UI Suite Bootstrap.

Branches 4.x.x are implementing Bootstrap 4. See installation instructions.