Bootstrap Barrio 5.x - layouts not functional

Problem/Motivation

I am very new to all of this and ask for some patience as I explain this.

I downloaded Barrio 5.x and several modules (display suites, bootstrap views, bootstrap library, bootstrap layouts). However I can not get the bootstrap layouts to work.

Steps to reproduce

I can select the option names, but the icons do not show and the selection has no impact. For example, I can select 2 columns (3 and 9), the icon doesn't show and the content simply displays as one column (all content is vertical). To be clear I am in content/manage display. The fields do not change to reflect a bootstrap layout. If I select display suites layout, the fields will change as will the content preview. However, I like the bootstrap options better.

Same thing happens, if I use layout builder.

Proposed resolution

Someone has suggested it could be a version issue and the modules I've downloaded may not work with bootstrap 4/5.

This makes sense as bootstrap views (which states very specifically that it works for bootstrap 4) does appear to work in views. I thought display suite was supposed to work with barrio 5.x, but maybe not??

Remaining tasks

Please can someone help me figure out what modules I need to be able to use bootstrap layouts in content?

Thanks
Wendy

User interface changes

API changes

Data model changes