How to integrate bootstrap css and js with my liferay 7.2 theme?

Question

I created a liferay 7.2 theme based on gradle with liferay developer Studio ( new Module project) , For now,I added some navigation menus and footer and contents , it looks not responsive anymore that's why I ask how to integrate bootstrap within my theme. Can I do so by importing the cdn bootstrap link inside the portal_normal.ftl ? I heart about clay but I didn't understand how to proceed !

How can I fix this please?

thank you

Answer 1

Clay is an extension of Bootstrap’s open source CSS Framework

By creating a Liferay theme, you have at your disposal clay. You should import it in your _custom.scss if it is not the case :

@import "clay/base";

Therefore, you can use all Bootstrap' css classes for responsive design.

Here is a thread about importing clay into a Lifeay theme.