Question

我是一个相对较新的ruby程序员，我正在寻求实现这个boostrap模板：

进入rails应用程序，但我不确定如何去做。我注意到它使用了LESS，但我相信rails使用SASS，所以我是否需要进行一些转换？如果有人能给我一些关于如何在轨道上完成这项工作的简短步骤，那就太好了。

Answer 1

我今天早上必须自己解决这个问题。管理LTE很棒，享受：

安装Gem：

将gem添加到应用程序的Gemfile：

gem 'adminlte-rails'

然后运行bundle以安装Gem：

$ bundle

或者，您可以使用gem命令安装它：

$ gem install adminlte-rails

整合到您的项目中：

最后，为了将主题与项目的其他样式表集成，请将以下内容添加到app/assets/javascripts/application.js：

//= require bootstrap.min
//= require admin-lte

并将以下内容添加到app/assets/stylesheets/application.css：

*= require bootstrap
*= require font-awesome
*= require ionicons
*= require admin-lte

之后，您应该能够使用通过AdminLTE模板安装的所有类来设置项目样式。如果您遇到任何其他障碍，请告诉我，我将广泛使用该主题，同时将仪表板应用程序作为大型项目的前端。

Answer 2

如果您希望通过 Bower 安装AdminLTE（和Font Awesome），请按照以下说明操作：

我假设你已经安装了Bower。否则，请参阅Install Bower。

按如下方式创建.bowerrc：

{
  "directory": "vendor/assets/bower_components"
}

运行bower init命令创建bower.json。你可以点击 Enter 键来解决每个问题。

如果您使用Git管理源代码，请将vendor/assets/bower_components添加到.gitignore。

安装AdminLTE和Font Awesome：

$ bower install admin-lte font-awesome --save

将以下行添加到app/assets/javascripts/application.js：

//= require admin-lte/bootstrap/js/bootstrap
//= require admin-lte

在最后一行之前将以下行插入app/assets/stylesheets/application.css：

 *= require admin-lte/bootstrap/css/bootstrap
 *= require admin-lte
 *= require font-awesome

[UPDATE]

您需要阅读以下文章才能使用Bower在生产模式下安装的font-awesome。

Answer 3

如果您使用的是Twitter Bootstrap 3.1+，那么现在有一个项目的官方sass端口。请参阅：https://github.com/twbs/bootstrap-sass