Getting Started with Bootstrap 4 using Radix in Drupal 8

UPDATE: Since recording the video. Drush 9 support has been added as of Radix 8.x-4.6.

run:
drush --include="themes/contrib/radix" radix:create radix_subtheme

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.

📽 Sections:

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

Resources:

👥 Connect with us

#drupal #bootstrap4

[WebWash]

UPDATE: Since recording the video. Drush 9 support has been added as of Radix 8.x-4.6.
run:
drush radix:create radix_subtheme

[aritube]

Thank you for this great video! Radix looks like a good choice for Drupal 8 theming. What I would love to see following this video is some examples and guidelines on how to proceed customizing a Radix subtheme beyond modifying color variables.

[Breakfull]

Really interesting video. I have never witnessed the layout builder in action until now.

[PaulDriverUK]

Really helpful video Ivan and a good primer for Layout Builder

[traumegaz]

This is very difficult to get working with updated versions of drupal and drush, once i finally got it to work, the browser sync would not work, it worked in the command line but not on actual site

[andreitodosi]

Thank you for the effort of making this video!

[niallmccaffrey]

I followed this video and everything went fine right up to the very end at 27:23 when I go to view my Content Type, and I do not see anything from Layout Builder, just the default look. Field Layout is uninstalled, Radix Layouts and Layout Builder are installed... what might be the problem, did I miss a step somewhere?

[sergey_gabrielyan]

Hello, maybe my question isn’t so much related to the video. The statistics module 'count content views' works when the user is logged in, but when the anonymus user is on the site, the count doesn’t update, as I understand it’s a cache problem in drupal, how can I solve this problem?

[MEGATestberichte]

Great content! Coming from Barrio for an alternative

[sergissantiago]

drush radix --help command doesnt work for me, im using drush 8.3.1 version. Someone knows why? cache-clear done...


Details here:


The drush command 'radix' could not be found. Run `drush cache-clear drush` to clear the commandfile cache if you have installed new extensions. [error]
Drush was not able to start (bootstrap) the Drupal database. [error]
Hint: This may occur when Drush is trying to:
* bootstrap a site that has not been installed or does not have a configured database. In this case you can select another site with a working database setup by specifying the URI to use with
the --uri parameter on the command line. See `drush topic docs-aliases` for details.
* connect to the database through a cli command using the --defaults-extra-file parameter to pass credentials through a tmp file. This method can break if other credentials are specified in a
~/.my.cnf file in your home directory. You may have to delete or rename the ~/.my.cnf file in your home directory.

[jeremyisip]

Hi Ivan, how do i add antoher region to a radix subtheme? This is a great tutorial though

[KanaanNgutu]

After editing the browser sync proxy and running npm run watch, the url get shown but when I browse to it, it showed a page which says "It works" instead of showing my Drupal website. What went wrong.??

[nadiacaprotti]

Please, can you help me. I am a beginner with Drupal8. I installed wamp for win 10, I installed composer. with composer I installed Drupal 8 and Radix, but with subtheme I can't. i promp typed drush status and i have this answer:
C: \ wamp> drush status
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
count (): Parameter must be an array or an object that implements Countable Table.php: 789 [warning]
PHP configuration: C: \ wamp \ bin \ php \ php7.3.12 \ php.ini
PHP OS: WINNT
Drush script: C: \ Users \ ASUS \ AppData \ Roaming \ Composer \ vendor \ drush \ drush \ drush
Drush version: 8.0.0
Drush temp directory: C: \ Users \ ASUS \ AppData \ Local \ Temp
Drush configuration:
Drush alias files:
How can I solve the problem? Thank you

[traumegaz]

i really need help, i have went thru different versions of drupal, php, drush, and now im on a different operating system. I started on windows 10 xampp. Now i am on catalina mamp. Im just trying to learn to do things easier by using drush and composer and find the best way to theme responsive websites in drupal 8 without making twig templates and long css sheets. Im stuck at drush radix --help.
im using php 7.39, drush 9.10, drupal 8.8
any advice would be helpful, ive been trying since friday or thursday just to get the environment set up

[sergheigarau]

Hi Ivan, thanks for this video, very useful! I have a question: is it possible to have submenus in the main navigation menu? If yes how?

[javierdelpozolopez]

cool video!, radix feels better than Barrio, but i have an error with de sub theme, I enable de theme Radix, install de modules, install drush v8.2.2 via composer but the command radix show me error (The drush command 'radix' could not be found) i follow all the steps but nothing happens :(, anyway tanks for de video!

[southern_smacker]

Your videos about theming Drupal are marvellous. Drupal theming has grown confusing with time, and these d* heads keep further confusing the population. With your videos even most difficult tasks look cool 😎

[Soumyast]

nice video.. one small query.. can I use drupal console to generate subtheme for radix theme

[JohnNewtonSr]

Your videos are the best! I have one problem with this one: How to install npm and nodejs? I used drush to dl and en them, so they are now active on my site. Still, the command npm install just creates an error msg: -bash: npm: command not found. I also went to their site and installed npm and nodejs on my machine but that doesn't seem to accomplish anything. What am I doing wrong?