Bootstrap Paragraphs
This Drupal module creates a suite of Paragraph bundles to allow content creators to harness the power of the Bootstrap framework for functionality and layout.
For content creators, attempts to use wysiwyg editors to create structured layouts typically lead to frustration and compromise. With this module you can easily position chunks of content (Paragraph bundles) within a structured layout of your own design.
This suite of Paragraph bundles works within the Bootstrap framework.
This module is built on the premise that all good things in Drupal 8 are entities, and we can use Paragraphs and Reference fields to allow our content creators to harness the power of the Bootstrap framework for functionality and layout.
This presentation reviews:
- Why use the Bootstrap framework
- Why use the Paragraphs module
- What goes into the different types of bundles
- How we add width and background options
- How to override, and build on top of the defaults
Learning Objectives & Outcomes:
Attendees will come away learning how to build a site using the Bootstrap Paragraphs module, how to customize it in their own themes, and how to use the module as a baseline to develop their own Paragraphs bundle types.
Watch the video from Bootstrap Paragraphs at DrupalCon Baltimore
Learn how to combine the power of the world's most popular front end framework, Bootstrap with Drupal Paragraphs, the powerful module that allows content creators to build layouts and structured pages.
Using the Bootstrap Paragraphs Drupal 8 module, you'll be able to create Bootstrap features like Accordions, Carousels, Modals, Tabs, and Multi-column layouts. We'll also demonstrate how to harness the power of Drupal referencing Text, Images, Contact Forms, Blocks, and even Views! We will also review how the module adds different widths and backgrounds which can be modified in the Drupal theme layer.
Learn about Bootstrap Paragraphs
Paragraph Types
The Bootstrap Paragraphs module installs 15 pre-configured Paragraph types that harness the power of Bootstrap so you can start building and theming right away.
Backgrounds
Each Paragraph has a background color option. Included are over 50 background colors and five empty background classes for you to customize in your own theme.
Widths
Each Paragraph has an option where you can set one of 5 widths. As the width gets narrower, the content becomes centered using Bootstraps offset classes.
Xeno Hero
Also, checkout the Xeno Hero Drupal 8 module that creates a Hero Paragraphs bundle. The Hero has a Background Image, Content reference field, and settings fields for Parallax, Zoom/Ken Burns Effect, Image Overlay Depth, and Image Overlay Invert.
Pairs perfectly with Bootstrap Paragraphs!