1. Home
  2. Development
  3. RE: How to integrate bootstrap css and js with my liferay 7.2 theme?

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

majdi Achouri, modified 5 Years ago.
How to integrate bootstrap css and js with my liferay 7.2 theme?
Junior Member Posts: 38 Join Date: 11/21/19 Recent Posts
Hello Comunity
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
Lee Jordan, modified 5 Years ago.
RE: How to integrate bootstrap css and js with my liferay 7.2 theme?
Expert Posts: 449 Join Date: 5/26/15 Recent Posts
The theme you created contains bootstrap already. Having said that it takes me a while to make my theme modifications responsive.


Unfortunately documentation is severely lacking in detail needed to understand themes.

I'm assuming you have a them that looks broken maybe?  That the theme doesn't quite look like the classic theme and this does lead people to think bootstrap is missing. Mainly because the theme that is generated looks very unstyled.

If you've built your theme, take a look through the build directory to see what's in a theme. You don't change these files however, if you want to change one you have to copy it into the src directory (which I personally refuse to do).


This may help figure out what's in the theme ...https://portal.liferay.dev/docs/7-2/reference/-/knowledge_base/r/theme-reference-guide
thumbnail
Olaf Kock, modified 5 Years ago.
RE: How to integrate bootstrap css and js with my liferay 7.2 theme?
Liferay Legend Posts: 6441 Join Date: 9/23/08 Recent Posts
majdi Achouri:

I created a  liferay 7.2 theme ...
Welcome, and it's good to see that your question has been answered. At least twice, by different people not knowing from each other.
Please don't crosspost, or if you do: Link the posts in all directions to prevent duplicate work.
majdi Achouri, modified 5 Years ago.
RE: How to integrate bootstrap css and js with my liferay 7.2 theme?
Junior Member Posts: 38 Join Date: 11/21/19 Recent Posts
Olaf, you are totally right, thanks for this great remark, but it was just an urgent need for me, We will prevent it later
thumbnail
Olaf Kock, modified 5 Years ago.
RE: How to integrate bootstrap css and js with my liferay 7.2 theme?
Liferay Legend Posts: 6441 Join Date: 9/23/08 Recent Posts
majdi Achouri:

Olaf, you are totally right, thanks for this great remark, but it was just an urgent need for me, We will prevent it later
Thanks for the reply - just notice: Your urgency is no reason to cause duplicate work for volunteers. Just linking all crossposts to each other makes it possible to check if the question has been answered elsewhere. That's the "or if you do" part of my remark