草庐IT

Foundation_EXPORT

全部标签

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解释了所描述的行

html - 您如何使用 zurb foundation 设计表单文件字段的样式?

我正在尝试使用Rails为ZurbFoundation创建一个按钮来上传图片。我试过这个:不幸的是,它不起作用并创建了两个不同的按钮来让您选择图片。有什么我需要专门为文件字段做的吗? 最佳答案 我发现这个资源对设置inputtype="file"的样式很有帮助:http://www.quirksmode.org/dom/inputfile.html这是出了名的困难,但这本质上涉及将实际输入与应用了您的样式的假输入分层。使用以下CSS:div.file-inputs{position:relative;}div.hidden-inpu

javascript - 基础工具提示 `without $(document).foundation();` 和 `modernizr`

我正在尝试初始化基础工具提示而不初始化所有内容(即$(document).foundation()),但我在这个简单的任务中失败了。我想知道(1)如何使用newFoundation.Tooltip而不是(2)我是否需要modernizr因为documentationinfoundationwebsite没有提到modernizr作为要求。我提到了modernizr,因为如果没有该工具提示,将不会显示任何样式或html。谢谢JSBin-->linktotallyusethem!">Hoverme$(document).ready(function(){newFoundation.Tool

html - 如何在 zurb 5 foundation 中制作 5 列行

我想在row中有5列,对于宽度小于480像素的小型设备屏幕只有1列。我是zurbfoundation的新手,仍在学习它。fiddle示例http://jsfiddle.net/V7TuY/1/这种东西用列好还是用列表好ulli 最佳答案 Thefoundationgridisbasedon12"units"perrow.在您的示例中,您有5与类medium-3和large-3=每行15个单位。Foundation将设法将前4个放入(4*3=12个单位),然后将第五个推到下面的行。适合您的5件元素的一个想法是给所有元素都赋予mediu

html - Foundation 5 off-canvas 设备全高

我正在使用Foundation'soff-canvasnavigation,尝试进行占据设备整个高度的导航。默认情况下,菜单选项的高度由所显示内容的高度决定。这意味着如果您的内容小于菜单项的高度,您的菜单项将不可见。我希望菜单和内容部分的高度都固定在设备的高度。仅在需要时滚动内容部分。将内容区域的高度和最小高度设置为100%似乎没有任何效果-仅使用固定高度,例如500px会改变高度-但这是不可缩放的。这是如何实现的?如果我给'.inner-wrap'一个固定的高度,整个事情就会调整。如何确保.inner-wrap占据设备的整个高度?Labellinklinklinkblahblahte