Adding Javascript Bootstrap Component to a Rails App

So we are in full-swing at Actualize, working hard on our Capstone projects. A lot of the time I’ve felt behind where I should be because of how much information my app takes in from the user! Last week I was finally feeling like my project is pretty cool, because I installed some Bootstrap components and a javascript plugin that made it all make sense (and saved me a lot of time)!

If you’d like to add a plugin to a Rails app, follow these easy steps.

  1. Make sure you have bootstrap installed in your Gemfile.

2. Don’t forget to bundle install in your Terminal!!

2. Go to getbootstrap.com/javascript

  1. There are a ton of options to choose from depending on what you’re looking for! I’ll demo installing a collapse, which is a plugin for easy toggling.

Copy all that yummy code and add it to the view file of your choice! I added it to one of my show pages where I wanted to view multiple models at once.

Using partial files in all my views, I was able to create local variables and render many views on one page with the help of this lovely plugin!