Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/65.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 我可以在ruby on rails应用程序中使用material design lite扩展吗?_Ruby On Rails_Material Design_Material Design Lite - Fatal编程技术网

Ruby on rails 我可以在ruby on rails应用程序中使用material design lite扩展吗?

Ruby on rails 我可以在ruby on rails应用程序中使用material design lite扩展吗?,ruby-on-rails,material-design,material-design-lite,Ruby On Rails,Material Design,Material Design Lite,我需要更多的组件来开发RubyonRails应用程序。我可以直接在我的资产文件夹中使用mdl ext组件,包括它们,因为没有通过捆绑安装程序安装它的gem 这里提供了材质设计lite扩展 我想把它和这里的材料设计lite一起使用 . 注意!材料设计lite我已经在使用它了 如果这是可能的,那么将其包括在资产管道中的最佳方式是什么?您不需要npm安装它,您可以像使用任何其他css框架(引导等)一样使用它。将下面的内容放在应用程序布局文件的标题部分 <link rel="stylesheet"

我需要更多的组件来开发RubyonRails应用程序。我可以直接在我的资产文件夹中使用mdl ext组件,包括它们,因为没有通过捆绑安装程序安装它的gem

这里提供了材质设计lite扩展

我想把它和这里的材料设计lite一起使用 . 注意!材料设计lite我已经在使用它了


如果这是可能的,那么将其包括在资产管道中的最佳方式是什么?

您不需要npm安装它,您可以像使用任何其他css框架(引导等)一样使用它。将下面的内容放在应用程序布局文件的标题部分

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?
family=Material+Icons">
<link rel="stylesheet" 
href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">

然后使用btn之类的东西,就像编写带有自定义css类的普通html一样

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-
 ripple-effect mdl-button--accent">
 Button
</button>

按钮

有一个宝石可供使用

在文件中添加:

gem 'material_design_lite-sass'
在/app/assets/stylesheets/application.scss中添加:

@import 'material';
注意,如果您的分机不是“scss”,请务必阅读rubysamuria的详细说明

在app/assets/javascripts/application.js中添加:

//= require material
请注意,组件与此配合使用。如果愿意,您甚至可以单独添加它们。

是的,您可以

我将MDL与gem
material\u design\u lite-sass
一起使用,我通过从GitHub存储库的
lib
目录下载文件
MDL-ext.js
MDL-ext eqjs.css
来包含MDL ext。我还从的
build
目录下载了
eq.js
。有关更多信息,请参阅mdl ext的自述。(不要担心缩小的文件-资产管道将为您缩小)

然后,我将这些文件分别放在Rails应用程序中
供应商/资产
下的
javascripts
样式表
目录中

最后,我在资产清单文件中添加了require语句,以将它们包括在资产管道中:

// app/assets/javascripts/application.js

//= require eq
//= require mdl-ext


谢谢你的回答maverick5,但我已经在使用material design lite了。我想做的是使用问题中发布的链接中的扩展和material design lite。你认为这两个库之间会有冲突吗?如果不是的话,在rails中哪种方法是最好的呢?问题不在于如何在rails中使用Material Design Lite,而在于如何使用Material Design Lite扩展。你有没有找到解决方案?最后我改用bootstrap。但我认为你的答案是好的。我将把它标记为答案。如果其他人将与其他人一起来,欢迎选择!
// app/assets/stylesheets/application.scss

@import 'mdl-ext-eqjs';