Web Parts auto-adjust to web part zone

Question

We have developed some custom web parts in SharePoint 2016. We have developed these web parts as Visual Web Parts but with JavaScript/jQuery/REST API/PNP JS. We have used bootstrap for responsive designing.

We have set width of each web parts to 100%. Now client wants the web parts to auto-adjust according to the web part zone. How can we achieve this?

Answer 1

If your Page Layout is designed using bootstrap, I think that would achieve the purpose. The web parts will auto adjust to the web part zone's width.