使用IE8或模拟器访问文档页面可以复制问题 在.html顶部添加IE9条件 <!--[if IE 9 ]> <html class="no-js lt-ie10" lang="en"> <![endif]--> 如果您想知道这是我正在使用的条件（为了更好地支持IE，稍微修改一下样板文件） <!--[if IE ]><![endif]--> <!DOCTYPE html> <!-- paulirish.c
是否可以在顶部栏中创建固定宽度按钮（全高）。我需要将目录按钮与另一行的类别列表同步 .top-bar .catalog-button ... .row .column3.sidebar .column9.maincontent // some elements omitted, just for illustration .catalog按钮应位于.column3.侧栏的上方，并具有相同的宽度。（在第一页上，目录应始终打开，并放置在内容部分（第3列），在其
我有一个密码字段，我的印象是这些字段会自动通过“遵守”进行验证 我使用的是基金会5。< /P> 目前，我可以输入任何我喜欢的，它将通过验证 我知道，当其他字段出现故障时，该字段正常工作 我需要输入一个模式才能工作吗？是否有一个特定的密码？是的，您需要键入一个模式，如果您只设置了所需的标志，无论您设置的是单个字符，它都将通过。你需要补充一些东西 <input type="password" name="password" id="txt_password" placeholder="Pass
祖尔布'；S基金会6禁用表格 我不想在ZURB基金会CSS框架中使用默认表单样式。< /P> 从基础6中移除它最简单的方法是什么？ < P>我用默认的基础库（对于我的WebFraseFraseRails宝石）替换了一个自定义窗体，从没有包含表单的
我想更改行在不同断点下的扩展方式，如下所示。基本上允许在中等以下扩展，在大断点以上不扩展 <div class="small-expanded large-unexpanded row"> <div class="small-12 columns"></div> </div> 我知道该类不可用，但我如何才能实现这一点。我不确定您为什么要这样做，行会自动扩展到可用宽度，直到达到最大宽度，然后保持在该宽度（默认最大宽度为1200px，
是否可以将面包屑分离器从/更改为其他类型？例如： 或者我应该忽略zurb，用传统的方法来做吗？分隔符是通过css定义的： 要更改它，您需要在app.CSS文件中覆盖此CSS： ul.breadcrumbs li:before { content: ">"; } 将以下内容添加到css中： .breadcrumbs li:not(:last-child)::after { content:">"; } .breadcrumbs li:not(:last-child)::a
我用的是zurb基金会 如果两个网格水平排列，有没有办法将它们设置为相同的高度。 如果它们是垂直排列的，我想设置不同的高度 <div class="row"> <div id="left" class="large-4 columns"> <div id="right" class="large-8 columns"> </div> 例如，如果“左”栅格的高度为400px，“右”栅格的高度为300px，我希望将右栅格设置为400px，直到它们
它们可以工作，但如果不保持鼠标静止，工具提示将闪烁。有可能阻止闪烁的发生吗 我假设这是因为工具提示在文本上，鼠标从技术上离开文本，很快回到文本上，所以它会闪烁。如何防止这种情况发生？我能够解决我的问题，这可能会帮助其他人 问题是光标没有停留在文本上，从而导致闪烁 我添加了一个与我的背景颜色相同的背景，加了一点填充，解决了这个问题 我使用的CSS： .has-tip { background: rgba(208,208,208,0.1); /* Color of background. A
然后我试着发出警报（Foundation.random_str（6））在my$（document.foundation（）之后并使其工作。这是我做过的用来演示它的最小的代码笔 我希望这能有所帮助。如果你把$（document.foundation（）内部$（文档）。准备好了吗？@Niloct仍然没有发生任何事情。工作很好。所以我想所有的UTILS都是基础类的方法，而不是UTILS。这就是我假设的Woods。不能得到基础。Dejung/Boundation。但是这些函数是在基础.j.js.从我读到
还有其他人遇到过这个问题吗？我解决了这个问题。问题在于样式表。我通过CoDEKIT将Studio.CSS作为一个SCSS文件带到我自己的样式表中。压缩对基金会的javascript库不起作用。我现在只导入基础。CSS，不与我的样式表结合。我从来没有遇到过这样的问题。我每天都会学到一些新东西。请给我们看一些不起作用的代码。你说的不再工作是什么意思？@BeatAlex我在CodePen复制了这个页面：。我所说的不再有效，是指脚本停止启动。我使用的是画布、轨道、工具提示和基础的下拉。所有这些都是在更新
将其与bg背景变量一起使用 @media #{$small-only} { $topbar-dropdown-bg :#fff; }
我是Zurb基金会的新手，希望实现交换。我已经按照安装过程的信，但图像将不会加载，我错过了什么。我已经去掉了我的代码中除了交换之外的所有东西，这样你就可以看到我是如何尝试使用它的。我已经检查并再次检查了所有的脚本和图像链接，它们都是正确的，那么为什么它不能工作呢 提前谢谢 <!DOCTYPE html> <head> <script type="text/javascript" src="jquery.js"></script&g
代码笔： 我得到了我的电脑屏幕截图 基础 我想我知道你的问题是什么了。。。当它向下扩展时，网格是否正确？对于像这样的东西，我喜欢使用块网格，它真的很方便-看看吧 此外，尝试对li使用均衡器，以使所有内容一致 <div class="row"> <div class="columns large-12"> <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4"&
我在移动和平板电脑视图中使用Foundations Orbit滑块时遇到了困难，当使用figure向右滑动时，幻灯片开始移动，然后有点卡住，然后转到下一张幻灯片，等等，当从右向左滑动时，幻灯片和标题文本变得非常混乱，请在此处查看网站： HTML JS $（文档）.foundation（'section'）.foundation（'orbit'）{ 定时器速度：3000， 动画速度：400， 堆栈大小：false， 导航箭头：正确， 幻灯片编号：false， 悬停悬停：false， 在鼠标上恢复：
当我将新列表项添加到现有下拉按钮时，它们不会显示在前端。下拉列表将继续显示原始列表项。我所有的缓存系统都关闭了，我在本地清除了缓存，但我仍然遇到同样的问题。有人知道这是什么原因吗 <div class="sidebar-dropdown"> <button data-dropdown="drop" aria-controls="drop", aria-expanded="false" class="large alert round button dropdown">
只有当焦点在幻灯片上时，光滑的左右键绑定才起作用。打开“显示模式”时，焦点不在幻灯片上，因此键绑定无法工作。我正在寻找一种方法，要么正确设置焦点，要么设置更多的全局键绑定，但请记住，一个页面上可能有多个库。如有任何建议，将不胜感激 $('.galleryGroup').each(function(){ if (typeof $(this).data('gallery') !== 'undefined'){ var id = $(this).data('gallery')
我用于测试电子邮件的标准锅炉板： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <link re
这可能是一个难以置信的愚蠢问题，但我不知道如何使3组柱与基金会的网格对齐 这是我的建议 HTML 我希望黑色列与列的第一个“行”对齐，而不使.row容器的位置相对，而使中3列的位置绝对 此外，为什么这项工作不像我想象的那样有效？这样的情况难道不是网格系统的全部意义吗 谢谢 你很接近。正确的解决方案应该是这样的（）： 小提琴关闭的原因是每行的长度必须为12列。如果一行包含或超过12列，则溢出的元素将换行到下一行，即使未声明行也是如此 <div class="row"> <
我想安装新框架，如中所述 STEP没有问题，但是当我运行基础新——框架电子邮件< /代码>来为电子邮件项目启动一个空白基础时，这个错误已经发生了： 错误：使用参数[--framework]调用了“foundation new”， “电子邮件”] 怎么了？当您的计算机上安装了ruby cli时，可能会发生这种情况。看 我可以通过使用gem uninstall foundation卸载并按照建议重新启动控制台来修复此问题。当您的计算机上安装了ruby cli时，可能会发生这种情况。看 我可以通过使用
我已经让topbar为根目录中的任何页面工作，但是当我将页面放入子目录时，下拉菜单突然停止工作。我已经更改了主要内容的页面样式，我猜是有错误，但在逐行搜索某些内容之后，我没有看到任何内容 Java脚本都指向正确的目录，CSS文件也是如此 你有什么想法吗 不起作用： 是否有效： 谢谢你能提供的任何帮助 更正文件路径哪一个？所有路径看起来都是正确的，除非我遗漏了什么？这不是zurb基金会的问题，这是你的URL中的问题，你正在寻找一个不存在的页面。
我想使用just创建可折叠的字段集。我发现，用jQuery完成了 是否有创建可折叠字段集的基于Foundation的插件？ 非常感谢您能使用手风琴从尼斯！那个图书馆是我的第一选择，但我无法让它工作。现在，我意识到我没有正确地包含所需的文件。你的链接让我想到了解决方案。非常感谢。@jorges80+1的故事：）
这个问题类似于一个问题，但这次我尝试使用不同的方法实现布局：网格，而不是块网格 我读了ZURB关于的文章，但最终结果与我的预期不符。第一行和第二行之间没有空白。那么我怎样才能让你在文章中看到的利润发挥作用呢 到目前为止，我得到的是： 第一种方法 <div class="row"> <div class="small-9 small-centered column"> <div class="row"> <d
我试图在轨道滑块中添加一个短循环视频，但视频实际上并没有启动。我发现，如果删除“数据轨道”，视频将按预期进行初始化和循环，但我意识到数据轨道是滑块初始化所必需的。我该怎么做才能让视频真正播放 <ul class="example-orbit-content" data-orbit data-options="timer_speed: 5000; pause_on_hover: true; resume_on_mouseout: true; navigation_arrows: true;
在我的foundation_和_overrides.scss中，我已将顶部栏断点更改为特定的px宽度。我想在宽度小于断点时显示汉堡包图标 现在它会删除菜单并将其留空，直到我达到$small range。我不确定在foundation_和_overrides.scs中的何处进行编辑，以在汉堡图标/菜单到达新断点时显示汉堡图标/菜单 SCSS HTML 你能给我们看看你的htmlDo你的设置文件中有没有未注释的转换断点样式？ $topbar-breakpoint: 1225px; // Change
我知道！很抱歉：） 文本列 文本 文本页或。 感谢您添加代码。 你所拥有的是四列，但是你真正想要的是三列和一些内容在中间列中叠加。 尝试在左侧执行此操作尝试一下： <!-- Signup / Login / FAQ / Social --> <div class="row"> <!-- Left Side --> <div class="large-6 medium-6 columns Rem1MarginBottom hide-fo
问题1 在第一个示例中，第一个问题是每当我在扩展的导航菜单上的导航项（如“待售”）中使用空格时，当浏览器的宽度减小时，单词堆叠在彼此的顶部 我尝试添加一个空白：nowrap；，当屏幕宽度减小时悬停，导航文本开始脱离其容器 下面是codepen上出现此问题的一个示例，在css中添加了nowrap，只需调整浏览器宽度即可： 问题二 我经常遇到的第二个问题是，如果我在屏幕的左侧创建一个徽标，然后将导航放在右上角的顶部栏中，每当浏览器的宽度减小时，导航将堆叠在徽标下，直到它碰到断点 以下是指向此代码笔
我已经能够把两边拉进去，把顶部推下来。无论我如何调整高度或使底部向上，模式总是比移动设备上的视口大。我还没有找到解决这个问题的办法 我曾尝试使用硬像素和百分比表示高度、最小高度、最大高度，并在显示覆盖上使用填充，但没有成功 下面是我用来添加顶部和侧面的CSS： @media screen and (max-width: 39.9375em) { .reveal { width: 80%; margin: auto; top: 10%;
我使用的是foundation-3.2.2，但我面临图像滑块问题，我同时使用了动态图像滑块或内容滑块，但没有帮助 问题是，在我的网站上，我想一次滑动图像和内容，我的html结构如下，您可以更改http://ipadfeatures.info/yogita/envision.com最大化和最小化浏览器 <div class="row"> <div class="twelve columns"> <div id="featuredContent"
好的。。因此，我（尽我所能）查看了问题列表，但没有发现任何类似的问题。。如果有答案的话，很抱歉添加了一个副本 我使用的是基础4框架，最新版本 我在很多地方都有子弹。但是，当我对带有项目符号列表的任何文本使用text align:center时，普通文本和列表文本是居中对齐的，但项目符号本身（正方形、圆盘等）不是 现在奇怪的部分。。。。此问题仅在Chrome和IE9/IE10中出现。它可以在Firefox/Safari上正常工作。我还尝试使用文本中心< /代码>类（基础部分。CSS），它基本上做同
我正在寻找一种使用Zurb基金会的交换来处理单个图像的方法。在我的代码中，我更改另一组图像的图像“数据交换”属性并运行以下命令： $(document).foundation('interchange', 'reflow'); 但是，该图像与第一个图像保持不变，不会进行更新以反映data interchaneg属性中的更改并显示新图像 有办法让它工作吗？不确定您是否找到了问题的答案。 但我也面临同样的问题，交换对我也不起作用 但经过一些挖掘，我把所有的JS文件移到了footer，它突然开始工
MultiplePopend的默认值应为false，但它们只是在彼此的顶部打开 我试过设置数据multipleOpened=“false”和数据选项=“multipleOpened:false；”“，但它们仍然是相互重叠的 这是我的密码： <p><a data-open="exampleModal2">Click me for a modal</a></p> <!-- This is the first modal --> <
我已经使用Yeoman install Foundation将Zurb Foundation安装到我的Yeoman项目中，然后通过使用require:'Zurb Foundation'更新我的grunfile.js将其包括在我的项目中。 现在，当我试图编辑我的app/styles/main.scss文件时，问题就出现了。我无法重写默认ZURB基金会SASS变量。 我试图编辑app/components中以及主目录中components下的\u settings.scss文件，但没有效果 有没有人
感谢您的帮助找到了答案 并使用： <div class="row"> <div class="small-centered large-6 columns small-12"> <div class="row"> // content goes here </div> </div> </div> //内容在这
在这种特殊情况下，我需要一个固定宽度的左列（大-3），然后是一个流体/响应内容列（大-9），用于其余部分 <div class="row"> <div class="large-3 columns" id="sidebar" style="width: 300px"> sidebar </div> <div class="large-9 columns" id="content"> content
这就是删除AngularJS并用ReactJS/Flux替换它。Kiran Abburi为实现这一目标开了个好头： 人们对ZURB基金会使用脸谱网ReaTjs/Frand这样的应用程序的长期可行性有什么看法？ 从技术和生态系统的角度（例如更新） 或者替代地，像ZURB基金会（或推特Bootstrap）这样的CSS框架确实有利于RACTJS/FLUTION/< P> 谢谢， Ashley.不管什么css框架与什么配对，都不应该是您长期的生存能力问题。前端技术变化太快。对于主流来说，几年前一切都
我的问题是，我不知道如何在顶栏下显示子菜单，而不是在菜单项的右侧 有人有主意吗？我不知道从哪里开始。提前感谢：） 我附加了我的HTML和SCS ///显示完整菜单的媒体查询 ///@type字符串 $topbar断点：中等！违约 //导航背景 $导航背景：$白色； $navigation字体颜色：$primary color； $navigation字体悬停颜色：$white； $navigation边框底部高度：4px；//相应地调整$navup桌面高度/$navup移动高度 $navig
我已经检查了Reveal（）和基金会的javascript实用程序（），但运气不好。尝试以下方法 $('[data-open]').on('click', function(e) { e.preventDefault(); });
当前，对于移动和小型桌面屏幕，非画布菜单始终可见。。。谁能告诉我我做错了什么 站点是基于ZURB基金会框架使用WAP主题构建的。 提前感谢,， Adam您在控制台中有错误： Uncaught TypeError: $ is not a function 这表明您有一个jQuery问题，基础使用jQuery来隐藏小屏幕/大屏幕上的导航（不相关）部分。 我猜如果你改变这个： $(document).ready(function() { var temp = ""; $(':inpu
希望有人能在我使用VEmap Api遇到的这个问题上启发我 我把它嵌入ZURB基金会响应布局，它在Chrome和Safari中都是预期的，但是在Firefox和IE中它不会加载实际的地图瓦片。 在FF和IE上，地图仍在加载我正在添加的自定义点以及一些额外的图层，并正确绘制所有点。只是没有底图 当我在Zurb框架之外使用百分比进行测试时，所有浏览器都可以正常工作 希望有一个简单的解决办法！快把我逼疯了 首先，通过提到VEMap，我假设您使用的是非常旧的Bing Maps v6.3版本，该版本已经5
还有-关于重置选择的相同问题。有没有一种方法可以在不将元素的id硬编码为对象的情况下实现这一点 $('form select').trigger('change', true); 您可以仅在父容器上启动foundation（'forms'）函数。例如，我有一个模式窗口，其中包含一个通过ajax加载的表单。模态窗口具有id=“模态区域”。要获取表单中的自定义字段，请执行以下操作： $('#modal-region').foundation('forms'); 因此，选择的值是由Ajax调用填充
我昨天问了一个问题，因为Compass花了很多时间来查看和编译我的Sass文件 所以，我提出这个问题。什么是使用像基金会5这样的框架的理想方法，并且在将来有能力更新它，同时使用锤子为Mac编译和优化我的样式表，并且允许我使用波旁混合而不是指南针。< /P> 感谢您的帮助。提前谢谢 > P>如果您想在未来更新基础，没有任何问题，您应该遵循以下规则：不更改基础/组件目录中的文件 您可以在foundation/settings中找到所需的所有变量 app.scss的一些示例： @import "bou
我必须转换一个运行AJAX脚本并在返回的数据长度大于0时显示警报的系统，即返回消息。它在表单加载时运行，然后通过计时器定期运行。我想用基金会5来暗示。 当我在页面中添加一个提示时，它会显示是否有数据。如果我使用成功回调函数检查返回数据的长度，如果长度为零，如何停止显示？我尝试了以下代码： $('#messageModal').foundation('reveal', 'open', { url: 'check_message_ajax.php', succ
我试图让我的大6列布局变成中3列，然后变成小2列，如下图所示。这是否可能使用基础网格 大6柱 2个小车厢 < P> Ya，使用地基5是可能的。您所要做的就是使用各自的类 <div class="large-6 medium-3 small-2 columns"> .. .. </div> .. ..
正如我的标题所介绍的，我的问题是，是否可以在基金会的展示模式（基金会3）中打开一个页面？例如google.com，甚至是同一网站的子页面？是的，这是可能的 <a href="http://some-url" data-reveal-id="myModal" data-reveal-ajax="true"> Click Me For A Modal 单击“我”以查看模式 这将从模式中的href加载内容。我遇到了同样的问题，我这样解决了： <div id="myModal"
这会在运行puppet apply时导致以下错误： err: /Stage[main]/Compass/Package[zurb-foundation]/ensure: change from absent to 3.0.6 failed: Could not update: Execution of '/usr/bin/gem install -v 3.0.6 --include-dependencies --no-rdoc --no-ri zurb-foundation' returned
有人知道我可以从哪里开始搜索吗？菜单的其他部分很好用 以下是HTML代码： <aside class="left-off-canvas-menu" aria-hidden="true"> <ul class="off-canvas-list"> <li><label>Navigationsmenü</label></li> <li&
我正在尝试在我的网站上使用基金会的joyride。我在Zurbs主页上举了这样的例子 <ol class="joyride-list" data-joyride> <li data-id="firstStop" data-text="Next" data-options="tip_location: top; prev_button: false"> <p>Hello and welcome to the Joyride <br>docum
在页面顶部，下拉悬停可以正常工作。用户可以将鼠标悬停在顶部导航上，出现megamenu，用户可以单击其中的任何内容。但是，如果用户向下滚动页面，然后尝试将鼠标悬停在导航上，则下拉菜单会工作，但一旦用户将鼠标悬停在导航上，megamenu就会消失。这似乎超出了页面的顶部 我尝试添加： $（文件）。基金会（‘麦哲伦远征’、‘回流’） 以及： $（document）.foundation（'dropdown'，'reflow'） 我认为这可能是一个Z索引问题，或者是其他与页面相关的问题，但是这个问题似
在手机上，我的“分区菜单”在用户打开并开始滚动后自动关闭。我用Zurb基金会手风琴作为菜单。有人知道为什么手机会出现这种情况吗 Update：我也在尝试一个简单的Zurb基金会ToGLGER。我正在切换“.hide”类。当用户尝试滚动时，菜单仍然消失 我的网站： 我正在使用以下脚本来侦听寡妇大小的更改。这有助于我在桌面浏览器上进行故障排除时显示/隐藏菜单。出于某种原因，mobile在scroll上报告了屏幕宽度的变化。当我删除这个脚本，我的手风琴停止关闭自己
我在我的网站上使用select2，我已经意识到modals的问题。这是我用于启动select2字段的脚本： $(function() { $('#id_creator').djangoSelect2({ dropdownParent: $('#addWorkFromEventForm'), width: '100%'}) }) 它工作得很好；然而，自动完成列表几乎完全隐藏在模式之外。我已经将z索引设置为高于覆盖的，并且它似乎没有任何区别。有解决办法吗？或