Getting Started with Paragraphs and Bootstrap in Drupal

53:33
2090
71
2
0
17
Share
Apr 29, 2020

Learn how to implement the Bootstrap card component using Paragraphs and Radix in Drupal.

🔥Drupal 8 Site Building Masterclass sale $99 🔥
https://www.webwash.net/product/drupal-site-building-masterclass/

📖Read full tutorial: https://www.webwash.net/?p=13763

Sections:
Introduction (00:41)
Install Paragraphs (02:40)
Configure paragraphs (03:34)
Paragraphs Widgets (11:56)
Create Radix Sub-theme (17:53)
Twig debugging (25:51)
Implement Card deck component (29:05)
Implement card component (32:50)
Override Field Template (40:12)
Paragraphs Library (45:50)

Links:
- Bootstrap Card: https://getbootstrap.com/docs/4.4/components/card/#card-decks
- Twig debugging: https://www.drupal.org/docs/8/theming/twig/debugging-twig-templates
- Radix blocks placement: https://www.webwash.net/?p=8494#add-blocks-to-the-right-region

Composer:
composer require drupal/radix drupal/radix drupal/entity_usage

Modules:
- Radix (https://www.drupal.org/project/radix)
- Paragraphs (https://www.drupal.org/project/paragraphs)
- Components (https://www.drupal.org/project/components)
- Entity Usage (https://www.drupal.org/project/entity_usage)

📩 Subscribe to our newsletter for updates: https://www.webwash.net/newsletter

👥 Connect with us
https://www.webwash.net/
https://www.youtube.com/c/webwashnet
https://twitter.com/webwashnet
https://www.facebook.com/webwash/
https://www.instagram.com/webwash/

#drupal8 #bootstrap

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.