ruby-on-rails - instalar - twitter-bootstrap-rails
Rails Active Admin css en conflicto con Twitter Bootstrap css (3)
Soy un poco nuevo en la cartera de activos de Rails, así que podría estar haciendo algo mal. Intento utilizar Active Admin para mi backend y twitter bootstrap css para mi aplicación de front-end.
Agregué el bootstrap.css a / app / assets / stylesheets luego también agregué:
//= require bootstrap
a application.css - entonces hice una precompilación de los activos localmente
Parece funcionar bien, pero parte del estilo no está llegando exactamente y creo que es porque el CSS activo del administrador lo está anulando.
Según entiendo, la aplicación compila los activos de css en el activo público css de la aplicación y la aplicación usa ese archivo cuando se ejecuta.
De alguna manera, necesito separar los dos y hacer que use Twitter bootstrap css como el CSS principal en el frente y tal vez decirle que no use los archivos css del administrador activo en el front-end.
¿Cuál es la mejor manera de hacer esto?
¿Has visto el video de RailsCasts usando ActiveAdmin? En el video, Ryan le muestra cómo evitar que ActiveAdmin CSS pise el CSS de su aplicación principal.
http://railscasts.com/episodes/284-active-admin
Mover la información del video a la respuesta
En la aplicación.css, eliminas:
*= require_tree .
Para los rieles 4, Jiten K sugiere agregar esto a production.rb :
config.assets.precompile += [''active_admin.css'']
Sin embargo, uno de los comentarios sobre esa respuesta SO dice que esto no es necesario. No lo he necesitado hasta ahora.
Para mí, el cambio de application.css a following resuelve el problema:
*= require bootstrap
*= require_tree .
*= stub "active_admin"
Tuve el mismo problema y pude solucionarlo moviéndome
app/assets/stylesheets/active_admin.css.scss
a
vendor/assets/stylesheets/active_admin.css.scss
Los activos de administrador activos deben estar en el vendor/ como se menciona en la guía de rieles :
"Vendedor / activos es para activos que son propiedad de entidades externas, como el código para complementos de JavaScript y marcos CSS".