Getting Started with Bootstrap 4 using Radix in Drupal 8

Mar 26, 2019

Radix is a Bootstrap 4 powered theme which is set up out-of-the-box to compile the Bootstrap library locally. It is targeted towards advance front-end developers who want total control on how Bootstrap is loaded and comes with Browsersync and Font Awesome built-in. The theme doesn't support loading Bootstrap via a CDN out-of-the-box.

✅ For detailed show notes go to

📽 Sections:

1. Install Radix (01:31)
2. Create sub-theme (03:30)
3. Enable sub-theme (05:22)
4. Compile Bootstrap (06:07)
5. Fix blocks and regions (07:23)
6. Using Browsersync (npm run watch) (13:00)
7. Using Radix Layouts (15:49)
8. Using Radix Layouts with Field Layouts (19:43)
9. Using Radix Layouts with Layout Builder (23:56)

- Bario tutorial:
- Display Suite:

👥 Connect with us

#drupal #bootstrap4


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.