问题标签 [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 投票
7 回答
452 浏览

css - 什么是 CSS 框架?

谁能告诉我CSS frameworks,以及如何使用它们?

0 投票
1 回答
2335 浏览

html - 基础响应式网页设计

我正在试验基础。链接: http: //foundation.zurb.com/docs/index.php

我有一个非常简单的 Div:

当我将高度设置为 190 像素时,无论浏览器大小如何,它都会显示 190,但是当我将高度设置为 100% 时,它只显示 50 像素的图像。我在当前站点中使用了很多将成为背景图像的东西,但我也希望这些高度响应。我如何做到这一点?

0 投票
2 回答
5746 浏览

css - 我们可以将 Foundation 与 HTML5Boilerplate 一起使用吗?

我的客户希望我使用Foundation。我习惯使用带有960 Grid System的HTML5Boilerplate。我只是想知道我可以将 Foundation 与 H5BP 一起使用吗?我会很感激你的指导。

0 投票
3 回答
19772 浏览

css - 在网格列布局内填充内容

我正在使用 Zurb Foundation 框架来构建前端(http://foundation.zurb.com/docs/grid.php),并且我已经很好地创建了我的基本布局,没有问题。

我想知道的是如何填充列内的内容?正如您所期望的那样,所有内容都与左侧对齐,但是如果不自定义网格布局标记或在任何地方创建大量包装器,我就看不到创建填充的方法。

例如,标记

一些CSS来说明

0 投票
3 回答
3117 浏览

ruby-on-rails - Rails - 如何链接到应用程序目录之外的资产

我是 Rails 的新手。我安装了 Zurb 基础前端框架,如下所述:http ://www.zurb.com/article/814/yetify-your-rails-new-foundation-gem-and-

当我打开 app/assets/stylesheets/application.css 我发现这个自动生成的代码:

但是,在我看来,这条线

不加载我创建的文件 zurb_foundation/app/assets/stylesheets/foundation/index.css:

如何让它加载我放在 zurb_foundation/app/assets/stylesheets/foundation/ 下的文件和所有 CSS 文件?谢谢...

0 投票
3 回答
396 浏览

html - 设置新的基于框架的项目并使用 LESS

所以我正在尝试建立一个环境,我可以在其中生成一个新项目,并最大限度地减少设置该新项目所涉及的定制/复杂性。我正在使用 Structurer Pro(来自 nettuts+)来构建文件集,这是一件很棒的事情。我已经为 MAC 设置了 github,允许我获取最新的 Foundation 框架文件并将它们放入当前项目中。

现在,我也在尝试将 LESS 纳入流程。但是,Foundation 的 css 文件当前没有设置 LESS,这意味着我有 2 个选项...(1) 获取当前版本并 LESS 化它们,然后使用这些自定义文件创建新项目。(2) 不要使用 LESS...

我遇到的另一个问题是,似乎有相当多的 LESS 编译器(simpLESS、CodeKit、LESS、指南针),但它们都没有结合 css 文件!因此,如果我设置了 10 个 LESS 文件(例如 IE.less、mobile.less、grid.less、typography.less 等),并在其中包含变量,我真的不希望 10 个 css 文件作为输出。我真的想要 1 个编译的 css 文件作为输出。我知道我可以手动执行此操作,甚至可以通过 Clean css 或其他 30 个站点中的任何一个来执行此操作...

但是有没有一个“东西”可以让我使用最新的文件来创建一个项目框架,通过将颜色样本集应用于一系列变量 (LESS) 来自定义它,然后编译并组合生成的 CSS 以用于实际实现?

0 投票
3 回答
2111 浏览

html - 正确的 HTML 表单标记

我们正在讨论,因为我目前正在修复一个 IE7 错误,因为<label>标签<input>被包裹在一个<p>.

我似乎找不到标签中包含的<form>标签的正确语义的任何文档。例如,我倾向于使用以下内容,

然而,看看Zurb 基金会,他们根本不包装任何元素,也许是为了风格,但radio他们checkbox把我认为无效的东西放在<input>里面。<label>虽然 Zurb 页面正在使用HTML5,所以它可能在那里有效?

Twitter Bootstrap倾向于采用类似于我的双重包装方法<div>。但同样,它们也将radioandcheckbox输入包含在标签内。

<form>那么,对于我的问题,标签内元素的语义是否有明确的规则?

0 投票
2 回答
318 浏览

php - 使用 CSS/JS/PHP 访问 CodeIgniter 中的隐藏无序列表

免责声明:我是网络开发的新手。

场景:我正在使用 CodeIgniter 制作基于事件的日历。它在台式机/平板电脑大小的窗口上效果很好,我使用 Zurb 的 Foundation 2.0 制作了一个移动版本。它看起来很棒,但我面临一个问题。

问题:在移动版本中,当日历生成时,我需要在移动版本中隐藏<ul>s(在桌面版本中显示事件)。然后我需要能够在选择/单击/等 s(日历上的日期数字)<ul>时调用 s 。day_listing

以下是日历类如何生成日期及其事件:

这是我正在尝试使用的代码:

注意:这是您需要使用的。

问题:我需要使用什么方法(例如 CSS/JavaScript/PHP/等)在<ul>生成日历类时正确隐藏 s,并在选择/单击/等时调用它们。在day_listings?

非常感谢您的所有帮助!以下是我正在使用的资源,如果您不知道我在说什么,您可以参考:

0 投票
1 回答
2039 浏览

jquery - Opera Mobile 不允许 jQuery 点击

我一直在测试基础 CSS 框架,并且非常喜欢该框架提供的自定义表单元素。

我已经构建了一个页面,http://eventgrapple.com/home来测试框架,它在Google Chrome等(桌面)中运行良好(在Internet Explorer 7中有点错误)并且在黑莓的本机浏览器中运行良好,但没有一个表单元素工作在Opera 6.5 中为BlackBerry 粗体 9700

该框架的链接是http://foundation.zurb.com/docs/forms.php. 我该如何解决这个问题或有替代方案?

0 投票
2 回答
6118 浏览

jquery - 在页面加载时加载 Foundation 模式

我有点问题。我希望在页面加载时弹出一个模式对话框(理想情况下,仅在一个人第一次访问页面时,但我对 cookie 一无所知,也许稍后会研究)。我正在使用 zurb 的基础、jquery 和原型(主要是因为我懒得写一个不依赖原型的联系表)。

我的问题是:我希望能够在页面加载时出现一个基础模式对话框。我尝试了几件事,但无济于事:

然后意识到我已将 jquery 置于无冲突模式以允许原型工作,并将其更改为

仍然无济于事。有问题的网站是basstv.net。有任何想法吗?