Adding Bootstrap to Shopify app by using Shopify CDN

julzevias
Tourist
5 0 1

Hello, I'm trying to add Bootstrap to my app, specially via the Shopify CDN (not by inserting

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

 in the head).

 

 

Could I please get some advice on how to do that?

 

Thanks in advance.

Replies 2 (2)

hardik355
Shopify Partner
233 22 33

Hello @julzevias 
hope you are doing great!

Could you please tell me, Which technology are you using for your app?

If helpful then please Like and Accept Solution.
For App Development and Design changes Hire Me.
Skype: live:hardikradadiya355
Thanks
julzevias
Tourist
5 0 1

Hi @hardik355 ,

I figured it out. Put

{{ '//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css' | stylesheet_tag }}

in the head in theme.liquid. Bootstrap styles will apply to the whole app.

 

In my case, I found out that Bootstrap class names overlapped with a lot of my theme's class names (Woodstock v1.3.0). Therefore, I opted for not using Bootstrap.