Showdown of Bootstrap 5 Themes in Drupal

In this livestream, we'll take a look at 3 popular Bootstrap 5 themes in Drupal.

Radix: https://www.drupal.org/project/radix
Barrio: https://www.drupal.org/project/bootst...
Bootstrap5: https://www.drupal.org/project/bootst...

You'll learn how to install and create sub-themes and we'll discuss the benefits of using each theme.

Chapters:
00:00 - Introduction
04:27 - Intro to Radix
07:02 - Download Radix
Radix
07:44 - Create Radix sub-theme
09:26 - Install required modules for Radix
10:38 - Activate Radix sub-theme
11:55 - Install npm packages for Radix
13:28 - Create .env file
14:19 - Compile Bootstrap in Radix sub-theme
15:17 - Adjust blocks as required
17:31 - Review NPM run commands
20:11 - Radix components
21:15 - Use alert component
26:22 - Radix CLI
27:23 - Add components using Radix CLI
29:45 - Generate a new component using Radix CLI
Barrio
34:23 - Intro to Barrio Bootstrap
35:59 - Download Barrio Bootstrap
37:02 - Create Barrio sub-theme
38:33 - Activate Barrio sub-theme
38:44 - Barrio sub-theme settings
40:33 - Assets in libraries yml file
42:08 - Adjust column width of sidebar
43:12 - Review layouts in Barrio
44:58 - Download Barrio Sass
45:43 - Create Barrio Sass sub-theme
47:51 - Install npm packages for Barrio Sass
49:00 - Run Gulp in Barrio Sass
49:34 - Change proxy URL in Gulp
51:19 - Different compiled CSS files
Bootstrap5
55:36 - Intro to Bootstrap5 theme
56:00 - Download Bootstrap5 theme
56:48 - Create Bootstrap5 sub-theme
59:17 - Intro to Laravel Mix
1:00:03 - Set up Laravel Mix in Bootstrap5
1:02:30 - Compile Bootstrap using Laravel Mix

1:05:47 - Conclusion


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

Connect with us:
https://www.webwash.net/
   / webwashnet  
  / webwashnet  
  / webwashnet  
  / webwashnet  
  / webwash  
  / webwash  

#drupal #bootstrap