Foundation Docs: Rails

Rails

We use Rails to develop our apps and Foundation makes things so much quicker. Start using Foundation in your Rails projects by following these instructions.

Adding Foundation to the Asset Pipeline

First you'll want to add the following gems to the assets group in your Gemfile like so:

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier', '>= 1.0.3'
  # Add Foundation Here
  gem 'zurb-foundation', '~> 4.0.0'
end

Then run bundle install to finish installing Foundation.

NOTE: Make sure that your restart your server after running bundle install. Otherwise the asset pipeline may not recognize the new Foundation files.

Easy Install

Simply run rails g foundation:install to configure your application to use Foundation. That's it!

Manual Installation

Add Foundation to your CSS

Append the following line to your app/assets/stylesheets/application.css file:

/*= require foundation */

If you're planning on using Sass then you'll want to rename application.css to application.scss. That file should then look like:

@import "foundation";

Add Foundation to your JS

Append the following lines to your app/assets/javascripts/application.js file:

//= require foundation
$(document).foundation();

Add Modernizr

Make sure that Modernizr is included in the <head> of your page:

javascript_include_tag "vendor/custom.modernizr"

Set Viewport Width

Add the following line to the <head> of your page layout:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Download Foundation 4

Awesome product jobs:

via ZURBjobs

Foundation 4 Documentation

Want F3 Docs?