We have SharePoint SPFx web part (developed using jQuery).

We want to show these web parts responsive in the all devices.

Do we need to use bootstrap or any media query?

1 Answer 1


As per my understanding, SPFx webparts are responsive by design. So, most of the times you don't need to use bootstrap or media query.

It is recommended to use Office UI Fabric React components (not compulsory) which is a responsive and simple for you to create web experiences by using the Office Design Language. Read more at Design considerations for SharePoint client-side web parts.

But if you are familiar with Bootstrap then you can use it in your webpart if you want. below documentation will help you on working with CSS in SPFx:

Recommendations for working with CSS in SharePoint Framework solutions.

Additional References: This will help you on using bootstrap in SPFx and responsive design.

  1. How to Use Bootstrap in SPFX (SharePoint Framework)?

  2. SharePoint grid and responsive design.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.