问题标签 [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.
css - 什么是 CSS 框架?
谁能告诉我CSS frameworks
,以及如何使用它们?
html - 基础响应式网页设计
我正在试验基础。链接: http: //foundation.zurb.com/docs/index.php
我有一个非常简单的 Div:
当我将高度设置为 190 像素时,无论浏览器大小如何,它都会显示 190,但是当我将高度设置为 100% 时,它只显示 50 像素的图像。我在当前站点中使用了很多将成为背景图像的东西,但我也希望这些高度响应。我如何做到这一点?
css - 我们可以将 Foundation 与 HTML5Boilerplate 一起使用吗?
我的客户希望我使用Foundation。我习惯使用带有960 Grid System的HTML5Boilerplate。我只是想知道我可以将 Foundation 与 H5BP 一起使用吗?我会很感激你的指导。
css - 在网格列布局内填充内容
我正在使用 Zurb Foundation 框架来构建前端(http://foundation.zurb.com/docs/grid.php),并且我已经很好地创建了我的基本布局,没有问题。
我想知道的是如何填充列内的内容?正如您所期望的那样,所有内容都与左侧对齐,但是如果不自定义网格布局标记或在任何地方创建大量包装器,我就看不到创建填充的方法。
例如,标记
一些CSS来说明
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 文件?谢谢...
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 以用于实际实现?
html - 正确的 HTML 表单标记
我们正在讨论,因为我目前正在修复一个 IE7 错误,因为<label>
标签<input>
被包裹在一个<p>
.
我似乎找不到标签中包含的<form>
标签的正确语义的任何文档。例如,我倾向于使用以下内容,
然而,看看Zurb 基金会,他们根本不包装任何元素,也许是为了风格,但radio
他们checkbox
把我认为无效的东西放在<input>
里面。<label>
虽然 Zurb 页面正在使用HTML5
,所以它可能在那里有效?
Twitter Bootstrap倾向于采用类似于我的双重包装方法<div>
。但同样,它们也将radio
andcheckbox
输入包含在标签内。
<form>
那么,对于我的问题,标签内元素的语义是否有明确的规则?
php - 使用 CSS/JS/PHP 访问 CodeIgniter 中的隐藏无序列表
免责声明:我是网络开发的新手。
场景:我正在使用 CodeIgniter 制作基于事件的日历。它在台式机/平板电脑大小的窗口上效果很好,我使用 Zurb 的 Foundation 2.0 制作了一个移动版本。它看起来很棒,但我面临一个问题。
问题:在移动版本中,当日历生成时,我需要在移动版本中隐藏<ul>
s(在桌面版本中显示事件)。然后我需要能够在选择/单击/等 s(日历上的日期数字)<ul>
时调用 s 。day_listing
以下是日历类如何生成日期及其事件:
这是我正在尝试使用的代码:
注意:这是您需要使用的。
问题:我需要使用什么方法(例如 CSS/JavaScript/PHP/等)在<ul>
生成日历类时正确隐藏 s,并在选择/单击/等时调用它们。在day_listing
s?
非常感谢您的所有帮助!以下是我正在使用的资源,如果您不知道我在说什么,您可以参考:
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
. 我该如何解决这个问题或有替代方案?
jquery - 在页面加载时加载 Foundation 模式
我有点问题。我希望在页面加载时弹出一个模式对话框(理想情况下,仅在一个人第一次访问页面时,但我对 cookie 一无所知,也许稍后会研究)。我正在使用 zurb 的基础、jquery 和原型(主要是因为我懒得写一个不依赖原型的联系表)。
我的问题是:我希望能够在页面加载时出现一个基础模式对话框。我尝试了几件事,但无济于事:
然后意识到我已将 jquery 置于无冲突模式以允许原型工作,并将其更改为
仍然无济于事。有问题的网站是basstv.net。有任何想法吗?