Today we will be learning about responsive grid, panels and containers. We will implement the aforementioned in our Ruby on Rails Twitter clone, in particular we will build the front end for the “home” and “profile” pages. After this tutorial, your “home” and “profile” pages will look near identical to Twitter’s own!

Download this project’s files at:


“Clean Code” by Robert C. Martin:
“Game Coding Complete” by Mike McShaffry:
“JavaScript and JQuery” by Jon Ducket:


Creating, updating and managing DevFactor’s large collection of tutorials requires many hours of work on a weekly basis. If you have found our tutorials useful, please support us by subscribing and sharing our videos on social media.

If you have any feedback in regards to how we could improve the channel’s content, editing, or organization feel free to get in touch and make a suggestion!

In this video, we will learn about containers, responsive grid, panels and how to integrate all of the aforementioned into a Ruby on Rails web application! We will be using Bootstrap to style the “home” and “profile” pages for our Twitter clone – resulting in a look that is near identical to Twitter’s look and feel!

Subscribe on YouTube:


DevFactor offers high-quality, project based tutorials on web development, game development and software engineering. Simply by subscribing you can gain access to our large library of free programming video tutorials.

DevFactor was started in order to aid anyone regardless of age, race, gender or location to learn how to build, maintain and deploy their own software applications.

#programming #code #devfactor