Skip to content

Bootstrap skin for Active Admin 🚀 🚀 🚀 (Fork with some emjot custom modifications)

License

Notifications You must be signed in to change notification settings

emjot/active_bootstrap_skin

 
 

Repository files navigation

ActiveBootstrapSkin (emjot's Fork)

Bootstrap skin for Active Admin.

Installation

  • Add the gem to your Gemfile:
# Note: The gem requires the bootstrap-sass gem, but without sassc - so add this emjot fork/branch to the Gemfile:
gem 'bootstrap-sass',
  git:    'https://github.com/emjot/bootstrap-sass',
  branch: 'remove-sassc'

gem 'active_bootstrap_skin', 
  git:    'https://github.com/emjot/active_bootstrap_skin',
  branch: 'emjot' # or e.g. "tag: 'emjot-2.3.1'"

Usage

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

  • In the active_admin.scss file, you include active_bootstrap_skin. If you use dartsass-rails, you will also need to include bootstrap-sprockets-dartsass before (and your sprockets-rails gem version is expected to be >= 3.4.2). Note: You have to comment out or remove the active admin stylesheets.

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

// Active Bootstrap
@import "bootstrap-sprockets-dartsass"; // <-- add this line if you use dartsass-rails
@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

About

Bootstrap skin for Active Admin 🚀 🚀 🚀 (Fork with some emjot custom modifications)

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • SCSS 55.9%
  • Sass 34.6%
  • Ruby 6.4%
  • JavaScript 2.7%
  • Shell 0.4%