问题标签 [zurb-foundation-5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
symfony - 不使用 gulp 但使用 Symfony2 编译 Foundation 5
我正在运行一个Symfony2
为 api 和后端提供服务的项目;我使用 bower 来安装我的前端依赖项,包括Angularjs
和Zurb Foundation
. 我们正在使用Assetic
——一个 Symfony2 包——来缩小、丑化、预渲染和合并我们的资产。我们还使用由 Assetic 编译的Sass
(as )。.sass
我想与 Foundation 合作,_settings.scss
并了解 Foundation 需要在我更改变量时重新编译自身。我试过运行compass watch path_to_file
,但这并没有更新我的 Foundation 项目。
据我了解,很多人使用Compass
or来运行基础gulp
。我已经阅读 了 几个 文档,但不确定它与我的特定案例有何关系。一个消息来源建议运行compass init
以启动一个项目,并compass watch
在我进行更改时更新项目,但这似乎不适用于 Symfony2,但我可能错了。有人有提示吗?
我正在使用这个基金会回购:https ://github.com/zurb/bower-foundation ,但也有这个:https ://github.com/zurb/foundation-apps 。第二个 repo 似乎更适合那些在启动项目时使用 、 或 运行 Foundation 项目gulp
的foundation cli
人compass init
。
html - 奇怪的定位顶栏zurb基础5
嗨,伙计们,我一直在努力的一个网站正在发挥作用,并且在顶部栏上随机重新定位,我不知道为什么。我以前认为一切都很好,但是最近我看到了这个网站,碰巧在导航栏和窗口 url 之间的页面顶部有一个奇怪的空间。有人可以检查它并帮助我找出导致此问题的原因以及是否有快速或简单的解决方法。该网站是www.omegadesignla.com ,任何帮助将不胜感激,谢谢。
ruby-on-rails - Sass gem 与框架安装冲突
我试图设置 Foundation 5,但现在已经切换到 Neat,因为有几个问题阻止它正确安装。我解决问题的博客之一让我删除了 sass gem 并重新安装它。我在很长一段时间内破坏了一些东西,因为现在我什至无法设置 Neat。
这是在运行 bundle update sass 之后。我只是想再次获得一个干净的环境,所以我设置了 Neat 框架。
这是我在废弃 Foundation 之前进行的最后一次故障排除尝试:https ://github.com/zurb/foundation/pull/5651
html - 如何修复我网站中的错误
所以我正在体验一个奇怪的锚元素正在生成,我无法摆脱它。看起来好像有一个 :before 和 :after 元素随机生成,但我不确定是什么。代码看起来不错:
我删掉了一些代码,但它的要点。要仔细查看,请检查http://new.omegadesignla.com/courses/socialScience.php上的元素以查看前 2 个手风琴上出现的额外锚点。谢谢。
javascript - 更简单的方法来做到这一点?- CSS/JS
我做了一个简单的菜单,悬停效果随着光标移动,但感觉应该有一种方法可以使过程更加自动化。现在,我说悬停效果应该有多大和在哪里,这取决于菜单中有多少文本,通过手动将像素放入宽度和左边距。
HTML
CSS
JavaScript
示例: CodePen 链接
如果我在菜单中添加另一个a
标签,它就会完全混乱。这么简单的菜单似乎需要做很多工作。
git - Fundation 新项目卡在 Bower 依赖项上
我想安装 ZURB Foundation 的 SASS 版本。
我的配置:
- 红宝石 2.1.5p273
- 节点 0.12.0
- 鲍尔 1.3.12
- 视窗 7 64 位
不幸的是,我收到了这个错误:
我尝试了很多可以在互联网上找到的东西,例如:
- 我没有代理
- 我禁用我的防火墙
- 我试图在 --global 中替换 https / git
- 我清理了凉亭缓存
- 我为 git 打开了调制解调器端口 9418,为 https 打开了 22
- 卸载/重新安装凉亭
有什么建议么?
jquery - 使用 Zurb Foundation 和 wordpress 没有冲突
我目前正在使用基础和_s开发一个自定义主题我有几个问题。我已经按照这个教程在这里加入了我所有的脚本等,现在它可以工作了。
我唯一关心的是 jquery,在某些论坛上说我必须注销 jquery,然后再注册另一个等。在某些论坛上,它说我必须使用非冲突模式,而其他人告诉我只是将其加入,仅此而已它。在这种情况下,正确的做法是什么?我不是在寻找临时解决方案,我希望这个主题在未来更新时不会出现问题或中断。
在使用非冲突方法的情况下。我创建了一个名为foundation.js 的文件,并使用以下代码将它加入到functions.php 文件中:
这是正确的方法吗?
html - Foundation5网格相互对齐
我一直在处理一个问题太久了,还没有找到任何合适的解决方案。我目前正在使用 Foundation5 框架上的网格产品显示,并且找不到合适的 jscript 或 css 代码来使我的产品相互对齐。这是它现在的样子:
我至少需要看起来像这样:
我需要下面更大的产品窗口来填充上面较小的窗口空白空间。希望有人能帮忙,谢谢!
javascript - 级联形式
我正在尝试使用遵守数据验证器,但收效甚微。我什至没有成功让它工作。我有一个主页,在该主页上调用了所有必要的javascript(包括foundation和foundation.abide),在这个页面上,在用户交互时,我调用了一个“滑动弹出窗口”,以便用户能够登录或注册。
在那个“弹出窗口”中,html 看起来像这样:
我的 javascript 看起来像这样:
我还有另一个文件需要法国特定的验证器:
有人能帮我吗 ?
jquery - 基础模态半透明背景切断
好的,这里是演示站点: http ://hayati.yahyauddin.com/
要查看模式,请将鼠标悬停在产品上并单击缩放按钮以显示产品的快速视图。
如果继续向下滚动,您将看到灰色半透明背景停止。无论屏幕大小如何,都会出现此问题!
为什么会发生这种情况,我该如何解决?
注意:这个问题似乎没有出现在基金会网站: http: //foundation.zurb.com/docs/components/reveal.html