SASS

Question

我使用设计验证我的rails应用中的用户，我已使用命令导出了视图

rails generate devise:views

我看到这些文件的空白样式＆＃39;那么我怎么做才能申请他们一个我的自定义文件CSS？

Answer 1

在Gemfile中添加gem

gem "twitter-bootstrap-rails"

访问链接以供参考

Answer 2

您可以在app / views / devise中找到生成的devise视图文件。

只需将所需的html元素/ css类添加到其他视图文件中即可。

请记住，这将使用您的默认（application.html.erb）布局。

Answer 3

可能不是最好的方法，但是它可以正常工作，而且不太混乱：

devise默认使用全局application.scss样式。

因此，我只在路由login.scss目录中创建了signup.scss，assets/stylesheets等，并在@import "login.scss"的末尾添加了application.scss。 / p>

只需确保要导入的所有页面都遵循您想要确保它们继承的全局样式即可。

注意：

随着应用程序的扩展，我通常最终将所有内容抽象为不同的样式表，因此无论如何我的application.scss最终还是一个导入列表。

我敢肯定有更好的方法可以做到这一点，但这就是“我只是一个设计师，需要它来工作而不会使事情过于复杂”，

Answer 4

安装

将此行添加到您的应用程序的Gemfile：

gem＆＃39; devise-bootstrap-views＆＃39; 然后执行：

$ bundle 为rails资产管道清单添加一些小的CSS修复

* = require devise_bootstrap_views

LESS

* = require devise_bootstrap_views_less

rails g devise：views：bootstrap_templates

如果您想详细了解，可以参考以下链接：https://github.com/hisea/devise-bootstrap-views