问题标签 [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.
responsive-design - 具有响应式设计的 Foundation Orbit 滑块
我已经开始使用 zurb 的 Foundation 3,但我的滑块在左侧有带有文本的幻灯片,在右侧有一个图像(而不仅仅是图像和顶部的标签)。
当我减小浏览器窗口的大小时,除了滑块的高度之外,它都适合。
我们需要的是在小型浏览器上使滑块更高(它需要是相同的滑块 - 不是替代品)。
我知道流体滑块中有流体选项,我怀疑如果我改变它,就足以解决这个问题。
我该如何做到这一点?
以下是我的滑块 HTML 代码:
asp.net-mvc-4 - 在 ASP.NET MVC 4 上运行的 Zurb Foundation 3.0
是否已经有任何模板可以开始构建基于 Zurb 基础设计的 ASP.NET MVC 4 站点?
sass - 在 Compass 中更改 CSS 输出文件名
我正在使用 Compass 将 .scss 文件编译为 .css 文件。我有一个名为 app.scss 的文件,我想将其编译为 Foundation.css。
问题是我不能简单地将 app.scss 重命名为foundation.scss,因为我最终会遇到循环导入错误(app.scss 包括以下行:)@import "foundation";
。
Compass 有没有办法在编译期间将 app.scss 重命名为 Foundation.css。
谢谢。
css - CSS框架比较
我正在评估一个 css 框架的 twitter bootstrap、foundation 和骨架。我正在设计一个支持桌面和移动设备的网站,包括 iPad 和其他平板电脑。每个框架的优缺点是什么?我在 SO 和 google 上发现了其他一些类似的问题,但它们似乎都是一种片面的观点。另外,由于新版本的 bootstrap 刚刚推出,我发现的大部分内容都与旧版本的 bootstrap 进行比较。
此外,我不想将其仅限于我命名的 3 个框架。
谢谢!
jquery-ui - Zurb Foundation 与 jQuery UI 自动完成冲突?
加载 Zurb Foundation 3.1 后,我无法让 jQuery-UI Autocomplete 工作。
有人让他们一起工作或找到另一个与 Foundation 一起工作的自动完成插件吗?
jquery - jquery 1.6.2/jquery.min.js 和foundation2/jquery.min.js
我尝试使用一些带有 jquery 的项目,例如:
http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html
和基础框架 http://foundation.zurb.com/
问题是:我认为基础框架有 jquery min 不同
顶部的示例使用:
当我删除:<script src="foundation2/jquery.min.js"></script>
效果完美,但我无法删除,因为我的网站需要基础框架。
一些帮助如何解决这个冲突?
ruby-on-rails - Zurb Foundation Nav 在 Rails 项目中的风格有限
我正在通过 rails 项目上的 zurb-foundation gem 使用 Zurb Foundation 3。一切都很顺利,直到我尝试添加导航栏:
看起来像:
除了颜色,我没有覆盖任何 zurb 样式,我的假设是它看起来与文档http://foundation.zurb.com/docs/navigation.php中的第一个示例非常相似,但这似乎并不是这样的。该文档还提到了 javascript 依赖项,但这些都包括在内。
有人对如何开始让这个开始看起来漂亮有任何想法吗?
编辑:
将行添加到第一个列表中,如下所示:
呈现:
检查元素以查看是否显示内容,导航 JS 在那里:
从 Foundation 中寻找 css,它适用于按钮和所有内容,并且导航栏样式似乎也在那里,例如:
javascript - 在框架外使用 Zurb Foundation 工具提示
我正在尝试使用 zurb 基础工具提示脚本而不为我的站点加载任何其他基础库,但是当我尝试加载它时,它会抛出这个 js 错误。
我的标记看起来像这样:
JS错误:
这是我加载脚本的方式
有谁知道为什么会这样?
jquery - 单击链接时如何显示隐藏的div
我需要仅在单击相关链接时才显示隐藏的 div。我一直在几个论坛上寻找答案,但我自己还没有问过这个问题。我正在使用 Foundation Grid System,并且对 javascript/jquery 知之甚少。提前感谢您提供的帮助。
要查看标记..请点击链接: http ://simplicitdesignanddevelopment.com/TENANT%20REP%20ZURB/tenant_reputations_home.html
slickgrid - SlickGrid 与 Zurb 基金会
有没有人使用 css“网格”框架成功实现 slickgrid.js(电子表格/数据表类型“网格”)?网格这个词的使用令人困惑,我知道......
我试图在 zurb 基础中使用它,并且 slickgrid.js 正确呈现所需的表 div 从宽度的角度来看超出了所有内容,这似乎是由 javascript 自动设置的。