Questions tagged «zurb-foundation»

我已经使用Zurb Foundation 3网格创建了一个站点。每个页面都有一个大的h1： body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> 运行代码段隐藏结果展开摘要 当我将浏览器调整为移动大小时，大字体不会调整，并导致浏览器包含水平滚动条以适应大文本。 我注意到在Zurb Foundation 3 Typography 示例页面上，标题在压缩和扩展时适应浏览器。 我是否真的缺少明显的东西？我该如何实现？

341 css  responsive-design  font-size  zurb-foundation  em 

我使用bash通过bash创建了一个新的Foundation 5项目foundation new my-project。当我在Chrome中打开index.html文件时，Uncaught TypeError: a.indexOf is not a function控制台中会显示错误，该错误起源于jquery.min.js:4。 我按照基础站点上的步骤创建了项目，但是似乎无法摆脱此错误。Foundation和jQuery看起来像它们被包含并正确链接到index.html文件中，而链接的app.js文件包括$(document).foundation(); 有谁知道是什么原因导致此错误？有什么解决方案？

250 javascript  jquery  css  google-chrome  zurb-foundation 

我在尝试使用Bower（安装Foundation 5）或在命令行中获取与工作相关的任何Bower时遇到了巨大的问题。 我已经安装了 红宝石1.9.3 git（带有从命令提示符选项运行） Nodejs 我已经成功跑了 npm install -g bower grunt-cli gem install foundation 这些都运行良好。我已经查看了npm/node_modules目录，并且可以bower在其中看到文件夹。 我每次键入bower要么进入cmd，ruby cmd或者git bash我得到 命令无法识别 我已经在环境变量中设置了git路径。 令人讨厌的是凉亭现场的指示。它指出： npm install -g bower bower install 好吧，这行不通！

107 node.js  zurb-foundation  bower 

TL; DR：Sticky实际上能够对我通过JavaScript所做的更改做出反应吗？如果是这样，怎么办？ （该项目使用Foundation 6.2和WordPress 4.4，主题使用Node.js / npm和gulp 4.0安装。我的问题，用粗体显示。） 我想nav使用Foundation的Sticky Plugin 来使栏保持粘性，但是仅当我单击按钮时才如此。这意味着当DOM全部完成后，nav竖条不应“单独”粘贴，而应停留在文档的顶部。此外，它在向下滚动时应消失，而在向上滚动时则保持不变。 该nav酒吧是正确包裹在所有需要的divS，所以nav酒吧是能够坚持。“额外”部分会出现问题。我的想法是首先使用PHP实例化Sticky： <div data-sticky-container> <header class="header" role="banner" id="sticky_header" data-sticky data-top-anchor="1" data-btm-anchor="content:top" data-options="marginTop:0;" style="width:100%" > <?php get_template_part('parts/nav', 'offcanvas-topbar'); ?> </header> </div> 之后，data-btm-anchor使用点击时触发的JavaScript 将更改为当前滚动位置。这没有我想要的那样好。到目前为止，我已经尝试过： 当使用getElementByIDthen时setAttribute，data-btm-anchorPHP文件中的确实会根据Firebug进行更改，但这一点不会影响标准nav。它留在原地。我是否需要“重新实例化” Sticky，如果需要，怎么做？ 该文档提到： 使用JavaScript设置选项涉及将一个对象传递到构造函数中，如下所示： var options = { multiExpand: true, allowAllClosed: false }; var accordion = new Foundation.Accordion($('#some-accordion'), …

100 javascript  jquery  wordpress  zurb-foundation  zurb-foundation-6