Bootstrap Paragraphs - Paragraph Types

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.

Examples:

Visit the Bootstrap Paragraphs Demo Site

Bundle Types:

  • Simple HTML
  • Image
  • Blank
  • Accordion
  • Carousel
  • Columns (Even, up to 6)
  • Columns (3 Uneven)
  • Columns (2 Uneven)
  • Contact Form
  • Drupal Block
  • Modal
  • Tabs
  • View

Backgrounds:

Each Paragraph has width and background color options. Included are over 50 background colors and five empty background classes for you to customize in your own theme.

Widths:

  • Tiny - col-4, offset-4
  • Narrow - col-6, offset-3
  • Medium - col-8, offset-2
  • Wide - col-10, offset-1
  • Full - col-12

Installation:

  • Install the module as you normally would.
  • Verify installation by visiting /admin/structure/paragraphs_type and seeing your new Paragraph bundles.
  • Go to your content type and add a new field of type Entity revisions, Paragraphs.
  • Allow unlimited so creators can add more that one Paragraph to the node.
  • On the field edit screen, you can add instructions, and choose which bundles you want to allow for this field. Check all but Accordion Section and Tab Section. Those should only be used inside Accordions and Tabs.
  • Arrange them as you see fit. I prefer Simple, Image, and Blank at the top, then the rest in Alphabetical order. Click Save Settings.
  • Adjust your form display, placing the field where you want it.
  • Add the field into the Manage display tab.
  • Start creating content!

Requirements:

Supporting organizations: 

Project Information

Downloads