This gem can be used to easily set up a Start Bootstrap theme in your Rails application. The Start Bootstrap code has fully been modified to follow Rails conventions (Rails partials are awesome!).
The FrontendGenerators gem also lets you easily copy the Bootstrap & Font Awesome css, js, and fonts directly into your application. Most people use twitter-bootstrap-rails and font-awesome-rails to access these frontend libraries in their code, but I find it much easier to just have the code in my own applications. It's easier to examine the source code when it's in your application and you can avoid frusterating Rails asset pipeline bugs with this straightforward setup. Annoying bugs are what motivated me to create this gem in the first place.
This video shows how to use the gem.
Add this line to your application's Gemfile:
gem 'frontend-generators'And then execute:
$ bundle
Update your Rakefile with this code:
require "frontend_generators"
load 'tasks/add_assets.rake'To move the Bootstrap files into your Rails application, run this rake task:
bundle exec rake add_assets:bootstrapGo to application.css and add this line:
*= require bootstrapGo to application.js and add this line:
//= require bootstrapThe fonts are in the /public/fonts/ directory because Rails keeps changing where the fonts should be and it is annoying to keep up with all the changes.
To move the Font-Awesome files into your Rails application, run this rake task:
bundle exec rake add_assets:font_awesomeGo to application.css and add this line:
*= require font_awesomeTo move the Start Bootstrap Stylish Portfolio theme into your Rails application, run this rake task:
bundle exec rake add_assets:stylish_portfolioAdd the route to routes.rb:
get 'stylish_portfolios/index'Add this line to config/initializers/assets.rb:
Rails.application.config.assets.precompile += %w( stylish_portfolio/manifest.css stylish_portfolio/manifest.js )To move the Start Bootstrap Creative theme into your Rails application, run this rake task:
bundle exec rake add_assets:creativeAdd the route to routes.rb:
get 'creatives/index'Add this line to config/initializers/assets.rb:
Rails.application.config.assets.precompile += %w( creative/manifest.js creative/manifest.css )To move the Start Bootstrap Freelancer theme into your Rails application, run this rake task:
bundle exec rake add_assets:freelancerAdd the route to routes.rb:
get 'freelancers/index'Add this line to config/initializers/assets.rb:
Rails.application.config.assets.precompile += %w( freelancer/manifest.js freelancer/manifest.css )To move the Start Bootstrap Clean Blog theme into your Rails application, run this rake task:
bundle exec rake add_assets:clean_blogAdd the routes to routes.rb:
root 'clean_blogs#index'
get 'about' => 'clean_blogs#about'
get 'post' => 'clean_blogs#post'
get 'contact' => 'clean_blogs#contact'Remove this line from app/assets/stylsheets/application.css:
*= require bootstrapTo move the Start Bootstrap Grayscale theme into your Rails application, run this rake task:
bundle exec rake add_assets:grayscaleAdd the route to routes.rb:
get 'grayscales/index'Add this line to config/initializers/assets.rb:
Rails.application.config.assets.precompile += %w( grayscale/manifest.js grayscale/manifest.css )To move the Start Bootstrap New Age theme into your Rails application, run this rake task:
bundle exec rake add_assets:new_ageAdd the route to routes.rb:
get 'new_ages/index'Add this line to config/initializers/assets.rb:
Rails.application.config.assets.precompile += %w( new_age/manifest.js new_age/manifest.css )Bug reports and pull requests are welcome on GitHub at https://github.com/MrPowers/frontend-generators.
The gem is available as open source under the terms of the MIT License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent