在Wails应用程序中实现WrapBootstrap主题

时间:2013-01-05 20:06:05

标签: javascript css ruby-on-rails twitter-bootstrap

我刚刚购买了一个wrapbootstrap主题,并试图将其插入到我的rails应用程序中。一些像填充,导航栏,glyphicons和大多数javascripts的CSS都无法正常运行。我将所有样式表和javascripts分别复制到assets / stylesheets和assets / javascripts中。知道如何解决这些问题吗?

1 个答案:

答案 0 :(得分:16)

确实是一个很好的主题集合。您应首先打开css文件并将所有对../img/目录的调用替换为普通images/,以使管道找到主题的图形元素。这很容易。

要使用这些字形,您应该在资源下创建一个新目录,例如fonts。然后在那里复制字形图像并展开application.rb文件中的可用资源,如下所示:

 config.assets.paths << Rails.root.join("app", "assets", "fonts")

之后,您应该将font-awesome.css重命名为font-awesome.css.scss.erb并更改其中的@font-face声明:

@font-face {
font-family: "FontAwesome";
src: url('<%= asset_path('fontawesome-webfont.eot')%>');
src: url('<%= asset_path('fontawesome-webfont.eot?#iefix')%>') format('eot'), url('<%=    asset_path('fontawesome-webfont.woff')%>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf')%>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg#FontAwesome')%>') format('svg');
font-weight: normal;
font-style: normal;
}

如果我错过了一小部分,那是因为星期六晚上的红酒......不要犹豫,要求提供更多细节。