Module Description
The Bootstrap Paragraphs module provides a suite of content and layout Paragraph bundles made with the Bootstrap (3.x or 4.x) front-end framework.
Combine the power of the world's most popular front end framework, Bootstrap with Drupal Paragraphs, the powerful module to allow content creators to build layouts and structured pages.
Using the Bootstrap Paragraphs Drupal module, you'll be able to create Bootstrap features like Accordions, Carousels, Modals, Tabs, and Multi-column layouts. You can also harness the power of Drupal referencing Text, Images, Blocks, and even Views!
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)
* Column Wrapper
* 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!
Submodules: The module currently has two submodules included which add additional functionality. The Contact Form functionality has been moved from to its own BP Contact module, and a I've made a similar module, BP Webform which adds a Webform bundle.
Requirements:
* Entity Reference Revisions
* field
* file
* filter
* image
* options
* Paragraphs
* system
* text
* user
* views
* Views Reference Field
* Bootstrap (3.x or 4.x) framework's CSS and JS included in your theme
Test at Simpletest.me Spin up a demo of your own at simplytest.me
What is the difference between the 2.0 and 1.0 branches? The fields in the 1.x branch all had the machine names field_. A few people ran into conflicts when installing this module on top of distributions. In 2.x we name spaced the fields, and Paragraph bundles to use bp_ instead.
There is no upgrade path from 1.x to 2.x.
Combine the power of the world's most popular front end framework, Bootstrap with Drupal Paragraphs, the powerful module to allow content creators to build layouts and structured pages.
Using the Bootstrap Paragraphs Drupal module, you'll be able to create Bootstrap features like Accordions, Carousels, Modals, Tabs, and Multi-column layouts. You can also harness the power of Drupal referencing Text, Images, Blocks, and even Views!
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)
* Column Wrapper
* 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!
Submodules: The module currently has two submodules included which add additional functionality. The Contact Form functionality has been moved from to its own BP Contact module, and a I've made a similar module, BP Webform which adds a Webform bundle.
Requirements:
* Entity Reference Revisions
* field
* file
* filter
* image
* options
* Paragraphs
* system
* text
* user
* views
* Views Reference Field
* Bootstrap (3.x or 4.x) framework's CSS and JS included in your theme
Test at Simpletest.me Spin up a demo of your own at simplytest.me
What is the difference between the 2.0 and 1.0 branches? The fields in the 1.x branch all had the machine names field_. A few people ran into conflicts when installing this module on top of distributions. In 2.x we name spaced the fields, and Paragraph bundles to use bp_ instead.
There is no upgrade path from 1.x to 2.x.
Module Link
Project Usage
6586
Security Covered
Covered By Security Advisory
Version Available
DEV
Module Summary
The Bootstrap Paragraphs module aims to solve the problem of combining the Bootstrap front-end framework with Drupal Paragraphs to empower content creators in building layouts and structured pages.
Data Name
bootstrap_paragraphs