Can I use Bootsrap 5 in the Hubspot Boilerplate Drag n Drop Builder

[Mr_AThompson]

Hay guys. I need some urgent assistance.

Is it possible to use Bootstrap 5 in Hubspot's Boilerplate Drag n Drop Builder?

I have created my modules with the current framework. But the current framework's responsiveness doesn't work so great if I place multiple modules next to each other.

Is there a way to replace the native Drag n Drop framework with Bootstrap 5. So that it uses bootstrap5 classes when creating the columns and rows instead?

[Mr_AThompson]

Thank you for your reply @Humashankar. Do you think at any point they will upgrade their dnd_area framework to a newer version?

[Humashankar · Accepted solution]

Hi @Mr_AThompson 

Directly using or replacing HubSpot's native Drag and Drop (DND) framework with Bootstrap 5 is not recommended due to limited control over the HTML structure and potential style conflicts

Utilize HubSpot's drag and drop areas to create custom layouts using HTML and HubL code.

Within these designated sections, you can leverage Bootstrap 5's grid system to achieve responsive designs, gaining more control over the layout compared to relying solely on the native DND structure

Drag and Drop areas overview (hubspot.com)

Hope this helps - Happy to help further!!
Thank you very much and have a great one!
Warm regards