我对Rails(以及Web开发)相当新,正试图将Get Shit Done UI Kit(GSD)添加到我现有的Rails-Bootstrap应用程序中(已使用bootstrap-rails
gem安装了Bootstrap)。
这些是随同此特定套件提供的文件:
x_get_shit_done
--assets
---css
-----demo.css
-----get-shit-done.css
-----gsdk-base.css
-----gsdk-checkbox-radio-switch.css
-----gsdk-sliders.css
---img
---js
-----custom.js
-----get-shit-done.js
-----gsdk-bootstrapswitch.js
-----gsdk-checkbox.js
-----gsdk-radio.js
-----jquery-ui-1.10.4.custom.min.js
--bootstrap3
--index.html
以下是示例模板中样式表的调用方式:
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/get-shit-done.css" rel="stylesheet" />
<link href="assets/css/demo.css" rel="stylesheet" />
但在我的Rails应用程序中,样式表和JS被称为如下所示:
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
我知道Rails提供了一些神奇的方法来添加样式表到项目中,但我不太明白这种魔法如何适用于添加新的自定义样式表。
此外,我的应用程序中所有的CSS文件(遵循教程)都是Sass(.css.scss),所有的HTML文件都是嵌入式Ruby(.html.erb),并且已经使用bootstrap-rails gem安装了Bootstrap。
我需要以某种方式将UI kit的CSS文件转换为Sass吗?由于没有GSD的gem,似乎必须手动添加所有的样式,这就是我感到困惑的原因。
感谢您对这个初学者问题的耐心解答 :)