Skip to content

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

 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Ruby 79.1%
  • HTML 17.2%
  • CSS 2.0%
  • JavaScript 1.7%