Bootstrap Example Rails Lab

Objectives

  1. Integrate Bootstrap into a Rails App via the Bootstrap Gem

Outline

For this lab we will be integrating Twitter Bootstrap into our application. Once everything is complete, make sure to run the tests to validate your work.

Instructions

  • Add the Bootstrap SASS Gem to the Gemfile.
  • Add the correct statements to the CSS manifest
  • Create a basic grid layout
    • Inside the <body> tag, create a <div> tag with the CSS class container.
    • Inside the container element, create 3 <div> tags with the CSS class row.
    • Inside each of the row elements, create 3 evenly sized columns.
      • In each column, add a <p> tag with some text and a Bootstrap button.
    • Also inside of the container element, create a navigation bar with 3 links, Home, About, Contact. Set the href attribute of each to #.

View Bootstrap Example Rails Lab on Learn.co and start learning to code for free.