问题标签 [zurb-foundation]

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.

0 投票
1 回答
6946 浏览

html - Zurb Foundation 3:将表单元素垂直对齐到行中

编辑:我使用的是 Zurb Foundation 3,所以文本输入可能很特殊

我有一个表单,其中包含几行具有相同字段的表单。在每一行中都有不同类型的元素,一些文本输入,一些按钮,一个复选框......

所有这些元素都有不同的高度,我希望它们彼此垂直居中。到目前为止,这是我的代码:

在我的 CSS 中,我指定了:

这确实使复选框和按钮居中,但不是文本输入,它们似乎保持顶部对齐。我也尝试了一些使用 div 而不是表格的变体,但没有运气。我错过了什么?

0 投票
5 回答
63051 浏览

zurb-foundation - zurb 基础中心在网格中的内容

我正在尝试将图像水平居中到 zurb 列中,但这似乎是不可能的。我尝试了一切,到处搜索,但我无法让它工作。

这是我的代码:

目前横向图像在 12 列网格上还可以,但是当出现纵向图像时,它位于网格的左侧。如果我给它一个 25% 的填充它会到中心,但是我使用 php 从一个文件夹中提取所有图像并动态生成代码,所以我不能在所有图像上都有 25% 的填充(景观的缩小)。

谢谢

0 投票
1 回答
373 浏览

javascript - 由于加载了modernizr,单击时表单未提交

我有一个网页,可让您更改其上用户的值。出于某种原因,可能很明显,但我忽略了,我无法单击提交按钮(并让它做任何事情)。这就是我所拥有的,页面上一次大约有五个用户,但在此之前所有表单标签都已关闭。据我所知,这都是有效的 html,但唉,我可能弄错了。

编辑:我已经做了进一步的调试。似乎问题不在于我的标记,尽管作为 bažmegakapa 我的标记已关闭。似乎触发它的是modernizr.foundation.js的加载。这扭曲了我的测试。但是,我不明白为什么只会在此页面上发生这种情况,并且整个站点都使用了modernizr,没有任何问题。我已将测试页面缩减为表单、表格和modernizr,它阻止了点击的发生。这是一个显示这种令人困惑的行为的 jsfiddle http://jsfiddle.net/rg8y3/

Modernizr 在此页面上没有特别使用,因此我很容易将其删除。然而,它会专门打破这种形式而不是其他形式,没有警告或错误抛出的事实是很奇怪的。

0 投票
1 回答
3965 浏览

zurb-foundation - 在 Zurb Foundation 中重新排列列

我的问题是,在桌面上我喜欢先有菜单,然后是最右上角的徽标。目前,当我将模板缩小到移动版本时,徽标位于菜单下方,这并不令人满意。我想在菜单之前吃。我试过使用推/拉没有成功。

在移动视图中甚至可以在模板顶部显示徽标吗?

这是我的代码...

0 投票
1 回答
119 浏览

sass - 基础框架 - 文件夹搞砸了

全新安装框架。

当我用 ruby​​ 打开 app.scss 时: sass --watch app.scss:app.css

我收到一个错误 - “无法导入文件 abc ...”

该错误是意料之中的,因为在所有基础 scss 文件中,对不存在的文件都有“重要”的引用!

从foundation.scss 本身开始。

任何想法为什么会发生这种情况以及如何让它发挥作用?

顺便说一句,我在 Windows 上本地工作。

我做的安装顺序:ruby -> sass -> compass -> zurb-foundation

提前致谢!

0 投票
2 回答
1531 浏览

css - 如何开始实现foundation 3 css框架?

我打算使用基础 3 css 框架,但不知道应该从哪里开始。我从设计师那里得到了 jpeg 模型,它是从 scatch 设计的。模型是否需要根据基金会的网格进行设计?

0 投票
2 回答
375 浏览

jquery - 带箭头的滑块

我正在创建一个与 zurb 的轨道滑块一起运行的滑块。这一点是我想用一组导航箭头控制两个幻灯片......这是我添加到 orbit.next 函数的内容:

那是下一个箭头的代码,但我如何调整此代码使其也适用于上一个箭头?

谢谢

0 投票
2 回答
1760 浏览

sass - Zurb Foundation 和 LiveReload SASS 编译器不工作

我在终端中这样安装了 Foundation:

然后我创建了一个这样的新项目:

(就像基金会文档一样)

现在因为我很懒,我不想compass watch path/to/project每次在项目之间切换时都点击。

当我将 LiveReload 设置为编译我的 sass 文件时,会出现以下错误:

[31m[0m[31m 错误[0m sass/app.scss(第 5 行:要导入的文件未找到或不可读:基础。加载路径:/Volumes/HDD/htdocs/static_sites/static_ruegg/sass/Applications/LiveReload.app/内容/资源/SASS.lrplugin/lib/compass/frameworks/blueprint/stylesheets /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/compass/frameworks/compass/stylesheets /Applications/LiveReload.app/Contents/资源/SASS.lrplugin/lib/ZURB-foundation/stylesheets Compass::SpriteImporter) [31m[0m

我不明白这一点。为了使用 LiveRealod,我必须进行哪些更改?

谢谢你的帮助

0 投票
1 回答
1868 浏览

jquery - 将 jquery 插件添加到 Zurb 的 Foundation Framework

我正在使用 Zurbs 的 Foundation 快速原型设计框架,这很好。我想知道将另一个 jquery 插件集成到其中的正确方法。

Foundations 对如何包含其他插件非常挑剔。部分框架是一个 app.js 文件,里面有很多功能。我应该直接将我的新功能添加到那里吗?

虽然我确实了解 js(阅读正常),但我不是 js 专家,所以请给出明确解释的答案。

谢谢

(正在开发的网站是 vincentstephens.co.uk/vs5.1/portfolio - 尝试集成位于 vincentstephens.co.uk/vs5.1/portfolio/portfolio.html 的时间线滑块)

0 投票
1 回答
2702 浏览

javascript - 如何使用 zurbs 基金会的轨道滑块显示字幕?

我一直试图解决这个问题。任何建议/修复将不胜感激!

来源:我的来源

问题:字幕不显示

html(用于轨道滑块):

....等等

html(用于轨道滑块标题):

...等等

html中的js: