Skip to content

TheDreamSaver/devise-bootstrap-views

 
 

Repository files navigation

Devise Bootstrap Views

Here are some of the highlights:

  • Devise views with Bootstrap 3.
  • Used Bootstrap responsive columns.
  • I18n Support.

WARNING: This gem copies lots of its code from devise-i18n-views gem.

Screenshot

Screenshot

Installation

Add these lines in the head tag of your application.html.erb:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.css">

Add this line to your application's Gemfile:

gem 'devise-bootstrap-views'

And then execute:

$ bundle

Add some minor css fix to your rails asset pipeline manifest

# SASS
*= require devise_bootstrap_views

# LESS
*= require devise_bootstrap_views_less

Then you need to install the required translations in your config/locales. The devise-i18n-views project is no longer maintained after being merged into devise-i18n, which is currently the best source for updated Devise translations. You can manually download locale dictionaries from devise-i18n/rails/locales or generate them by running devise:views:locale <chosen_locale>:

rails g devise:views:locale it

will generate config/locales/devise.views.it.yml.

Customizing Views

The devise:views:bootstrap_templates generator will copy all views to your application, so you can modify the files as you wish:

rails g devise:views:bootstrap_templates

Alternatively, you can also generate Haml or Slim templates instead of traditional ERB. Both can be generated with their respective commands below.

rails g devise:views:bootstrap_haml_templates
rails g devise:views:bootstrap_slim_templates

Example

Sample Application can be found at this link - Devise Boostrap Views Application

Contributing

  1. Fork it ( https://github.com/hisea/devise-bootstrap-views/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 86.7%
  • Ruby 12.7%
  • CSS 0.6%