GitHub - vinhnglx/active_bootstrap_skin: Bootstrap skin for Active Admin :rocket: :rocket:

1 min read Original article ↗

ActiveBootstrapSkin

Codewake

Bootstrap skin for Active Admin.

Installation

  • Add the gem to your Gemfile:
# Note: The gem require the bootstrap-sass gem. So we need to add bootstrap-sass to Gemfile

gem 'bootstrap-sass'
gem 'active_bootstrap_skin'

Usage

  • Don't forget you have to config the bootstraps-sass first.

  • In the active_admin.scss file, you include active_bootstrap_skin. Note: You have to comment the active admin stylesheets.

// Active Admin's got SASS!
// @import "active_admin/mixins";
// @import "active_admin/base";

// Active Bootstrap
@import "active_bootstrap_skin";
  • In the active_admin.js file, you require active_bootstrap_skin.
//= require active_admin/base
//= require bootstrap-sprockets

//= require active_bootstrap_skin

Screens

Login

Admin

Admin Responsive

Admin viewport

Admin dropdown

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/vinhnglx/active_bootstrap_skin. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.