/bootstrap-example-rails-lab-v-000

Primary LanguageRubyOtherNOASSERTION

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 you are 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 of container element, create 3 <div> tags with the CSS class row.
    • Inside each of the row elements, create 3 evenly size columns.
      • In each column add a <p> tag with some text and a Bootstrap button.
    • Inside of the container element, create a navigation bar with 3 links, Home, About, Contact. Set the href attribute to #.

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