Hello friends, this is another post of mine that involves some code sharing in preparation for my presentation at PA-BUG on Monday. Much of the credit goes to Dustin Sier and Drew Nase. Drew was an employee of mine, responsible for the portal, and he got a job offer that he just couldn't refuse. So I was left to piecing together our somewhat responsive test instance. I honestly can't remember which bit of knowledge I picked up from who, and which bit I figured out on my own, However I do know I used Dustin's liferay bootstrap templates plus some of Drew's instructions here (https://www.lumdev.net/node/13451).
On to the good stuff... I'm attaching a PDF that I built and still follow when implementing responsiveness to the portal. With 3 web/admin portal servers in test and 3 web/admin portal servers in production, you get pretty good at perfecting and following the doc :-)
Read the PDF to see everything, but the crux of it is...
--Bootstrap 3.2 (Grids)
--Dustin's liferay bootstrap templates
--editing luminis files to include the templates and bootstrap code
--choosing the layout from the GUI
--Tested on Luminis 5.1 and 5.2.1
Additional things to note
--The "Grids" part of bootstrap is perfect for portal columns. This essentially will allow you to have content flow from 3 columns to 2 and all the way to 1. However, I haven't done anything for tabs or the dockbar. Some of this looks like it might fold in nicely. I've also been considering just hiding the dockbar on a mobile view, but if you want some additional responsive fanciness or if you have a ton of tabs, than you still have more work to do. If you come up with something, please document and share!
--Now that you have responsive columns, you soon realize what content you have in channels isn't responsive. If you make the frame of your site responsive, you better make sure your content is as well :-)
-If you read the comments thread, Jason pointed out a missing column in the Bootstrap_3col.tpl file. I've attached my modified Bootstrap_3col.tpl file. Please remove the .txt extension when putting it on your server. (Lumdev only allows certain file extensions to be uploaded).