草庐IT

FOUNDATION

全部标签

html - Zurb Foundation 4 SCSS mixins 用于小型和大型(流体/响应)列

我正在构建一个公司响应式网站,并且是第一次同时使用SASS和Foundation4CSS框架。到目前为止,一切都很好。但是我在这里遇到了mixin的“问题”。如果我想要一个在大View中大小为6而在小View中大小为3的列,我可以使用内置的CSS类class="large-6small-3columns"有没有办法通过FoundationSASSmixin来做到这一点?我发现的唯一列混合here是@includegrid-column($columns,$last-column,$center,$offset,$push,$pull,$collapse,$float);对于我所得到的,

html - 使用 Zurb Foundation 滚动经过时,粘性顶部栏会使页面跳起来

我正在为我的站点使用ZurbFoundation4框架。我想要一个导航栏,该导航栏位于标题下方,当您滚动过去时该标题会粘在页面顶部。这工作正常,除了当顶部栏粘在页面顶部时页面内容会跳起~45像素。可以在此页面上看到效果,尽管这是一个不同的导航元素:http://foundation.zurb.com/docs/components/magellan.html有什么方法可以解决这个问题,还是我必须更改我的网站设计以适应这个错误?文档在这里:http://foundation.zurb.com/docs/components/top-bar.htmlTopBarMenuItem1Level

javascript - 遵守禁用按钮并在 Zurb Foundation 中启用验证

我对foundation有点熟悉,我想知道如何禁用按钮,并在用户输入时验证它并更改按钮以启用提交。表单示例:YournamerequiredNameisrequiredandmustbeastring.EmailrequiredAnemailaddressisrequired.禁用:现在,当用户继续输入时,我希望它得到验证,如果一切正确,启用按钮,我知道我可以用jQuery.change()来做到这一点,但是有没有遵守的标准方式?我已经做了很多研究,但我没有看到我想要实现的目标,我可以通过Bootstrap验证来实现,但不是基础。更新这是我使用bootstrap实现我想要的插件,Val

javascript - 单击链接时如何关闭 Foundation 顶部栏菜单?

我在我的单页网站上使用ZurbFoundation的固定顶部栏,它包含指向页面内各个位置的anchor链接。我希望这样,只要单击扩展的移动菜单中的链接,菜单就会关闭。目前,当点击链接时,页面会滚动,但菜单会在页面顶部保持打开状态。在以前版本的Foundation中,我能够对代码进行逆向工程并找到一个简单的解决方案。由于更新到4.3.1以修复顶部栏的另一个问题,由于我对javascript的了解有限,我无法找到解决方案。topbar在我看来,如果我可以在单击菜单中的链接时触发关闭菜单的事件或函数,它就会得到修复。以前,我将我的代码放在第261行的链接点击上。当移动菜单关闭时,.fixed

css - Foundation 5 Tabs 和 Accordion 似乎不起作用

我正在使用Foundation5框架并尝试使用他们提供的js选项卡插件。但是我得到以下结果http://crea8tion.com/PU2/index.html#在他们的网站上应该是这样的http://foundation.zurb.com/docs/components/tabs.html不确定我做错了什么?是不是java脚本没有被正确调用? 最佳答案 同样的事情发生在我身上。好像在自定义Foundation构建时没有包含Accordioncss。我通过下载标准Foundation并将foundation.min.css的内容复制

jquery - Foundation Equalizer 设置高度继承?

我正在尝试让Foundation的Equalizer插件正常工作,文档使它看起来非常简单,但我已经尝试了一些方法来使其正常工作,但仍然无法弄清楚为什么它不起作用。我正在调用foundation.min.js并激活它,您可以在此处看到:这是我的代码笔http://codepen.io/anon/pen/ByQBYx如您所见,4名员工的高度并不一致。根据我对均衡器的理解,它应该在“观察”元素之间保持相等的高度。 最佳答案 发生这种情况的原因是因为您的div是堆叠的。您需要指定是否希望它们在堆叠时保持相同的高度。$(document).f

jquery - Zurb Foundation Accordion 嵌套在 Accordion 内部

我正在使用ZurbFoundation对于响应式网站。我想使用以下HTML结构将Accordion嵌套在Accordion中:FirstAccordionPanelTitleFirstAccordionPanelContentSecondAccordionPanelTitleSecondAccordionPanelContentParentAccordionPanelTitleChildAccordionPanelTitleChildAccordionPanelContent...看起来像这个设置,当父Accordion面板打开时,随后的子Accordion面板被打开(或者至少一些标志

html - 如何定位 Foundation Dropdown?

我的登录表单使用Foundation5.4.5下拉菜单,但问题是下拉菜单如下所示:我希望它像打开的那个一样,小块在右边,主体位置也很好这是我的HTML:HasDropdownThisisalinkThisisanotherYetanother 最佳答案 你有两个选择HasDropdown或者ThisisalinkThisisanotherYetanother两者都作为变通方法使用。但是,我明白您的意思:您希望下拉列表显示在链接的底部,但与右边框对齐。如果有人为此提出答案,我将不胜感激,因为基金会网站表明它可以通过某种未记录的方式实现

css - 我们可以将 Foundation 与 HTML5 样板一起使用吗?

我的客户希望我使用Foundation.我习惯了HTML5Boilerplate与960GridSystem.我只是想知道我可以将Foundation与H5BP一起使用吗?感谢您的指导。 最佳答案 如果Foundation可以与Bootstrap进行比较作为类似的框架,然后thisanswerH5BP开发人员可能会有用。要点:是的,你可以 关于css-我们可以将Foundation与HTML5样板一起使用吗?,我们在StackOverflow上找到一个类似的问题:

html - Zurb Foundation 6 视口(viewport)高度结束时的粘性开关状态 ".is-anchored .is-at-bottom"

尝试创建一个始终固定在网站顶部的菜单。遵循zurb.foundation的文档,但.sticky的行为总是出乎意料。或者也许我没有得到一些明显的信息?请在此处检查重建:http://codepen.io/mister-hansen/pen/wMgrPm如果网站向下滚动,并恰好达到初始视口(viewport)的高度,粘性插件会将元素.sticky从is-stuckis-at-top更改为:.is-anchored.is-at-bottom所以.sticky消失了。谢谢。更新文档的第一部分:foundation.zurb.com/sites/docs/sticky.html解释了所描述的行