[SOLVED] use Bootstrap 3 / 4 in a custom component

Hello,

I'm using CB's Flexistrap template, and have built the scaffolding/starting point of a custom component with Component Creator. I think I saw somewhere that CB uses Bootstrap 3 or 4, while the Joomla core is still using Bootstrap 2. In my custom component I'm overriding and creating alternative views, and I was wondering if there's any way to draw on CB's use of Bootstrap 3 or 4 when doing that. Component Creator's default views use tables and for responsiveness I'd like to just wrap some of them in a <div class="table-responsive"> instead of redesigning the view with divs, etc. -- but I tried it and it doesn't work. Is there any way to draw on CB's use of Bootstrap 3/4 to make that work?

Thanks,

Sam

CB uses Bootstrap 4. We've no-conflict CSS implemented to avoid conflicts caused by B2 and B3 so there shouldn't be any problems. CBs CSS is also namespaced. This means CBs CSS can not impact anything outside of it self. To allow CBs CSS to style something that something needs to be surrounded by a div or span with the class "cb_template" on it. In addition to that CBs CSS needs to be loaded, which you can force to be loaded with CB Content Module on every page if you wanted or ensure CB login module is present on every page.

So with that said for your usage assuming CBs CSS is loaded you'd have something like the following.

Kyle,

Thank you so much. I already have the CB Login module on every page, and the extra div referencing the namespace works like a charm and saved bunches of time.

Sam