如何让Foundation working在Rails中工作？
Foundation是一个流行的前端框架，它提供了丰富的CSS和JavaScript组件，可以帮助开发人员快速构建现代化的Web界面。在Rails中使用Foundation可以通过以下步骤实现：
- 下载Foundation：首先，从Foundation官方网站（https://foundation.zurb.com/）下载最新版本的Foundation框架。解压缩下载的文件，将其中的CSS和JavaScript文件复制到Rails项目的相应目录中。
- 配置Rails项目：在Rails项目中，可以通过在Gemfile中添加相关的gem来管理前端依赖。打开Gemfile文件，添加以下行：
- 配置Rails项目：在Rails项目中，可以通过在Gemfile中添加相关的gem来管理前端依赖。打开Gemfile文件，添加以下行：
- 然后运行
bundle install命令安装gem。 - 引入Foundation：在Rails项目的应用布局文件（app/views/layouts/application.html.erb）中，可以通过添加以下代码来引入Foundation的CSS和JavaScript文件：
- 引入Foundation：在Rails项目的应用布局文件（app/views/layouts/application.html.erb）中，可以通过添加以下代码来引入Foundation的CSS和JavaScript文件：
- 初始化Foundation：在Rails项目中，可以通过在JavaScript文件中调用Foundation的初始化方法来启用其功能。在app/assets/javascripts目录下创建一个新的JavaScript文件（例如foundation.js），并添加以下代码：
- 初始化Foundation：在Rails项目中，可以通过在JavaScript文件中调用Foundation的初始化方法来启用其功能。在app/assets/javascripts目录下创建一个新的JavaScript文件（例如foundation.js），并添加以下代码：
- 这将在每次页面加载时初始化Foundation。
- 使用Foundation组件：现在，您可以在Rails视图文件中使用Foundation提供的各种组件来构建界面。可以参考Foundation官方文档（https://foundation.zurb.com/sites/docs/）了解不同组件的使用方法和选项。
总结起来，要在Rails中使用Foundation，您需要下载Foundation框架文件，配置Rails项目的Gemfile，引入Foundation的CSS和JavaScript文件，初始化Foundation，并使用其提供的组件构建界面。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 云游戏（GME）：https://cloud.tencent.com/product/gme
相关·内容
1回答
如何让Foundation working在Rails中工作？
javascript、jquery、ruby-on-rails
我正在尝试让Foundation working在我的rails应用程序中工作。<script></script> //= require jquery//= require jquery.
浏览 12提问于2016-09-01得票数 0
5回答
compass-rails支持Ruby on Rails 4.0吗？
compass-sass、ruby-on-rails-4
我有干净的新的Rails 4应用程序与Gemfile：gem 'compass-rails'gem 'thin'@import "compass";$red: rgb(255,0,1);$body
浏览 0提问于2013-06-27得票数 29
回答已采纳
2回答
Zurb Foundation 4可以和Rails 4一起工作吗？
ruby-on-rails、zurb-foundation、ruby-on-rails-4
我已经在一个测试Rails 4rc1项目上安装了Foundation v4.1.6，它似乎工作得很好。但是我想把它安装在一个生产环境中，我想知道有没有什么主要的问题我还没有看到？
浏览 0提问于2013-05-24得票数 1
回答已采纳
3回答
如何在Rails发动机4.1.5中安装基础
ruby-on-rails、gem、zurb-foundation
我很想用基金会来做设计工作，但不管我尝试了什么不同的安装技术，我似乎仍然会犯同样的错误：$rails g foundation:install "could not find是否有人遇到过这些问题，并能指出正确文档的方向，或者向我解释您如何成功地将基金会安装到rails引擎中？作为结尾，基金会似乎在我的虚拟应用程序中运行得很好。只是在我真正的引擎里，我不能让它发挥得很好。在我
浏览 5提问于2015-03-16得票数 3
回答已采纳
2回答
Foundation5JS无法在Rails应用程序中工作
javascript、ruby-on-rails、zurb-foundation-5
我试图让Foundation5javascript组件(其中任何一个)在Rails 4.2.0应用程序中工作，但我尝试过的任何东西似乎都不起作用。我正在使用foundation-rails gem，并遵循了。>extended information</span>
我最初的猜测
浏览 2提问于2015-03-22得票数 1
回答已采纳
1回答
找不到文件'jquery'，找不到'foundation‘
ruby、ruby-on-rails-3、asset-pipeline、zurb-foundation
我在从老的Rails 3.0项目升级到最新的Rails 3.2 (Rails 4有点太前卫)和使用广告中的资产管道时遇到了问题。我已经成功地在较新的项目中使用了资产管道，但让它在这个较旧的项目中工作似乎很困难，反复收到Sprockets::FileNotFound错误。gems文件正确地显示了资产组中的所有gem。'uglifier', '>= 1.0.3'
gem 'zurb-fou
浏览 3提问于2013-03-21得票数 1
回答已采纳
1回答
需要从另一个宝石中提取宝石的资产
ruby-on-rails、ruby、ruby-on-rails-4、gem、sprockets
我正在创建一个gem，它将包含沿着w/一些在我的应用程序中使用的公共变量。我在vendor/assets/stylesheets/foundation.scss创建了一个样式表。我从我的应用程序中以这样的方式加载这个gem 'foobar-foundation-rails', path: '...'
app/assets/stylesheets/applicat
浏览 2提问于2014-01-27得票数 3
2回答
Rails -如何链接到app目录之外的资源
ruby-on-rails、zurb-foundation
我是Rails的新手。我安装了Zurb foundation前端框架，如下所示：/**/<%= stylesheet_link_tag "application" %>
不加载我创建的文件zurb_foundation/app/ass
浏览 4提问于2011-12-04得票数 1
回答已采纳
3回答
导致未定义错误的RailsGem设置
javascript、ruby-on-rails
Gemfile调用gem 'jquery-ui-rails'，它被翻译成Gemfile.lockjquery-rails (4.3.5) railties (>= 4.2.0)jquery-ui-
浏览 0提问于2019-08-16得票数 1
回答已采纳
2回答
使用Rails升级到Zurb Foundation 5
ruby-on-rails-4、zurb-foundation
我刚从Foundation 4切换到Foundation 5。我不知道如何或在哪里设置全局样式变量。在Foundation4中，文件foundation_and_overrides.scss提供了所有的全局变量，我所要做的就是取消对它们的注释。现在在Foundation 5中，相同的文件不包含任何变量。我查看了Global Styles文档，其中列出了所有的全局变量。但是，当我尝试将它们放入foundation_an
浏览 0提问于2013-11-27得票数 0
4回答
不使用Rails 4.1和Zurb Foundation 5的上杆下拉列表
javascript、html、css、ruby-on-rails、zurb-foundation
我使用的是Rails 4.1、Ruby2.0.0和基-rails 5.4.3。
css样式本身似乎工作正常，按钮显示为按钮，顶部的布局和外观与预期的一样，但下拉菜单不能工作。我尝试了几种方法，包括移动$(函数(){$(文档).foundation()；})；在application.js文件中移动application.html中的标记，将javascript标记移动到application.html嵌套下拉列表仍然不起作用，当我单击下拉列表中的任何内
浏览 4提问于2014-09-04得票数 4
回答已采纳
1回答
如何让月光drm在working上工作？
mint、moonlight、drm
我有一个网站上有这样的月光视频：当我在Ubuntu下运行它时，它会给我一个关于DRM和电影不播放的错误。如何使Ubuntu播放它？薄荷人是怎么解决的？
浏览 0提问于2013-05-11得票数 0
1回答
如何自动化rails项目"bootstrap“合并例程定制？
ruby-on-rails
当我们创建更多的Rails应用程序时，我发现自己经常以完全相同的方式调整rails new ...生成的项目:添加rspec、水豚+水豚-webkit支持，根据我们的喜好调整config/application.rb此外，在我们并不想要任何选择的地方，它是灵活的。事实上，我们更希望有几个项目样板，共享一些定制，每个样板都添加一些独特的额外内容。
简化/自动化项目"bootstrap“的选项有哪些？我们如何组织一组样板，并让它们随着我们的偏好变化而变化(不是添加选项，而是更改哪
浏览 0提问于2013-06-18得票数 1
回答已采纳
4回答
Rails 4 Foundation Top-Bar菜单不起作用
ruby-on-rails、zurb-foundation
我使用的是Rails 4.1.7、Foundation 5.5和试用的Foundation 5.4.3.2可以在中找到，并且是_header.html.erb一切都正常，除了在减小浏览器大小时显示的菜单项(在chrome和firefox上试用)。当我单击该项目时，没有任何反应。instead: gem 'rails', github: 'rails</
浏览 0提问于2014-12-24得票数 1
1回答
用Webpacker建立scss on Rails 5.2
ruby-on-rails、webpack、zurb-foundation、webpacker
如何使用webpacker在Rails 5.2应用程序中设置Foundation和JavaScript？以下是我迄今所做的工作：rails new myapp --webpackrails webpacker:install加入“场地基金会”：从那里我有点迷失了正确的
浏览 0提问于2018-07-04得票数 3
回答已采纳
1回答
如何在我的Rails 4应用程序中配置Compass和5，使它们都可以在同一个目录中访问？
ruby-on-rails、sass、zurb-foundation、compass-sass
我有一个Rails 4应用程序，在其中我使用Compass和5。我想使用Compass和Foundation 5与Rails 4应用程序。更具体地说，我希望能够在stylesheet.scss文件中这样做：@import "foundation_and_overrides";
[additional但是，目前，Foundation文件驻留在‘app/assets/样式表’
浏览 1提问于2014-04-02得票数 0
2回答
如何暂时停止Resque队列处理新作业？
ruby、resque、job-control
有没有一种方法可以告诉所有的工作者停止处理特定队列(或所有队列)的任何新作业？一种严厉的方法是从外部关闭所有工人。
浏览 1提问于2016-06-16得票数 1
6回答
Ruby找不到基金会/基金会-全球？
css、ruby-on-rails、ruby、responsive-design、zurb-foundation
一切都很好，就像我在本地主机上一样，但是当我将新的更改推到我的EC2实例，继续遵循Zurb指令时，我遇到了以下错误：
显示第18行所在的/var/www/brain_db/app/views/layouts/application.html.erb：
导入未找到或不可读的文件:foundation/foundation-全局文件。加载路径: Sass::Rails::Import
浏览 10提问于2013-05-29得票数 3
1回答
SCSS导入相对于导入样式表？
ruby-on-rails、sass、zurb-foundation
我在Rails应用程序中安装了foundation-rails并运行了rails g foundation:install。源自：
/Users/local/.rvm/gems/ruby-2.0.0-p353/gems/foundation-rails-5.0.2.0/vendor/assets/stylesheets/<em
浏览 1提问于2013-12-10得票数 2
回答已采纳
1回答
为应用程序中的一个模块使用Rails基金会
ruby-on-rails、layout、zurb-foundation、asset-pipeline
现在，我需要在同一应用程序'A‘内的另一个模块'B’工作，但与基础。我在Gemfile中添加了gems‘罗盘-rails’和'foundation-rails‘，然后运行'bundle install’和'rails g foundation:install‘。问题：
当我将"*= require foundation_and_overrides“包含在applicati
浏览 3提问于2016-05-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
