问题标签 [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.
html - Zurb Foundation 3:将表单元素垂直对齐到行中
编辑:我使用的是 Zurb Foundation 3,所以文本输入可能很特殊
我有一个表单,其中包含几行具有相同字段的表单。在每一行中都有不同类型的元素,一些文本输入,一些按钮,一个复选框......
所有这些元素都有不同的高度,我希望它们彼此垂直居中。到目前为止,这是我的代码:
在我的 CSS 中,我指定了:
这确实使复选框和按钮居中,但不是文本输入,它们似乎保持顶部对齐。我也尝试了一些使用 div 而不是表格的变体,但没有运气。我错过了什么?
zurb-foundation - zurb 基础中心在网格中的内容
我正在尝试将图像水平居中到 zurb 列中,但这似乎是不可能的。我尝试了一切,到处搜索,但我无法让它工作。
这是我的代码:
目前横向图像在 12 列网格上还可以,但是当出现纵向图像时,它位于网格的左侧。如果我给它一个 25% 的填充它会到中心,但是我使用 php 从一个文件夹中提取所有图像并动态生成代码,所以我不能在所有图像上都有 25% 的填充(景观的缩小)。
谢谢
javascript - 由于加载了modernizr,单击时表单未提交
我有一个网页,可让您更改其上用户的值。出于某种原因,可能很明显,但我忽略了,我无法单击提交按钮(并让它做任何事情)。这就是我所拥有的,页面上一次大约有五个用户,但在此之前所有表单标签都已关闭。据我所知,这都是有效的 html,但唉,我可能弄错了。
编辑:我已经做了进一步的调试。似乎问题不在于我的标记,尽管作为 bažmegakapa 我的标记已关闭。似乎触发它的是modernizr.foundation.js的加载。这扭曲了我的测试。但是,我不明白为什么只会在此页面上发生这种情况,并且整个站点都使用了modernizr,没有任何问题。我已将测试页面缩减为表单、表格和modernizr,它阻止了点击的发生。这是一个显示这种令人困惑的行为的 jsfiddle http://jsfiddle.net/rg8y3/
Modernizr 在此页面上没有特别使用,因此我很容易将其删除。然而,它会专门打破这种形式而不是其他形式,没有警告或错误抛出的事实是很奇怪的。
zurb-foundation - 在 Zurb Foundation 中重新排列列
我的问题是,在桌面上我喜欢先有菜单,然后是最右上角的徽标。目前,当我将模板缩小到移动版本时,徽标位于菜单下方,这并不令人满意。我想在菜单之前吃。我试过使用推/拉没有成功。
在移动视图中甚至可以在模板顶部显示徽标吗?
这是我的代码...
sass - 基础框架 - 文件夹搞砸了
全新安装框架。
当我用 ruby 打开 app.scss 时: sass --watch app.scss:app.css
我收到一个错误 - “无法导入文件 abc ...”
该错误是意料之中的,因为在所有基础 scss 文件中,对不存在的文件都有“重要”的引用!
从foundation.scss 本身开始。
任何想法为什么会发生这种情况以及如何让它发挥作用?
顺便说一句,我在 Windows 上本地工作。
我做的安装顺序:ruby -> sass -> compass -> zurb-foundation
提前致谢!
css - 如何开始实现foundation 3 css框架?
我打算使用基础 3 css 框架,但不知道应该从哪里开始。我从设计师那里得到了 jpeg 模型,它是从 scatch 设计的。模型是否需要根据基金会的网格进行设计?
jquery - 带箭头的滑块
我正在创建一个与 zurb 的轨道滑块一起运行的滑块。这一点是我想用一组导航箭头控制两个幻灯片......这是我添加到 orbit.next 函数的内容:
那是下一个箭头的代码,但我如何调整此代码使其也适用于上一个箭头?
谢谢
本
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,我必须进行哪些更改?
谢谢你的帮助
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 的时间线滑块)