问题标签 [zurb-foundation-apps]

如文档中所述，我之前已经放置了zf-offcanvas块。grid-frame但是，画布外菜单会悬停网站内容，而不是将其推到一边。

那么如何在不悬停网站内容的情况下使画布外菜单正常工作。

图2：

我从 Foundation for Apps 页面模板获得了此代码：Zurb

编码：

我意识到使用手风琴很容易，但这真的不是我的问题。经过一番研究，我发现上面的代码使用了 Angular 标签模板。但是，我不确定如何在我的代码中使用它或者我为什么会这样做。这与动态命名手风琴中活动项目的标题有关吗？在什么情况下我会定义上面使用的标题变量？内容是否应该简单地放在 div 中？

基础显示模态和常规基础模态有什么区别？它们是否针对不同的事物进行了优化？我试图阅读它们，但没有找到任何参考。为什么他们有 2 种不同的模态？

我是 Foundation for App 和 SASS 的新手。

我正在尝试创建一个自定义操作表，它使用 sass mixin 来自定义样式，而不影响基础 scss，如此处所示。 http://foundation.zurb.com/apps/docs/#!/action-sheet

我要创建的应用程序需要具有响应性，并且将在计算机上的网络浏览器上使用。

我要自定义的操作表样式是删除操作表的尾部以及在其中添加自定义元素。但是，在我当前的实现中，操作表一直从底部出现（就像它应该在小屏幕中一样）而不是从原点出现（因为它应该在中等屏幕尺寸或更大尺寸中）。尽管我更改了变量 $tail-size，但尾巴仍然存在。

我怀疑我在 html 文件中错误地实现了它，因此我请求指导。

以下是我当前不起作用的代码。

我的 app.scss

我的 index.html

我目前正在研究Foundation for Appsdeveloping an web application并寻找解决方案create multiple templates，例如 alogin screen like Pinterest(without header, footer)并且after login我必须加载一个new template with header and footer. 就像我将不得不根据用户操作创建更多模板来加载所有必要的文件。我在html,css和jQuery. 浏览了一些资源，但找不到实现此目的的解决方案。如果有人可以帮助我，那就太好了。提前致谢。

我在 html 页面中使用 Foundation-Apps，我想在其中以四行显示一系列块（未知数）。

我已经做到了：

现在的问题是我需要允许（由myDirective）渲染的每个块都可以水平扩展，并且当它扩展为该行上的唯一块时。

我尝试删除 small-up-4 （据我了解，这意味着将下一个元素拆分为 4 并相应地调整子项的大小）并在我的指令之外切换大小类（即在 4 列时使用 small-3 或 small-12 当展开并且应该占据一整行）但我似乎只能在一行中获得一个块，或者在我将第二个内容设置为可见时，它们的内部大小会发生变化，或者 4 个块。

myDirective 输出如下内容：

vm.expanded 位在指令和添加/删除类中都可以正常工作。这是基础的东西，而不是 Angular。

我怎样才能做到这一点？扩展元素占据一整行，而其他块保持相同大小并流到下一行？

使用基础应用程序需要角度吗？我不想使用 Angular，但是当我在没有它的情况下运行时，foundation-apps.js 中会出现错误。

我在 Angular 应用程序中使用 Foundation-Apps 库。

我正在尝试创建一个组件网格（数量不定），单击该网格时，会导致面板位于单击元素所在行的顶部。

面板应覆盖整行，但仅覆盖该行。

到目前为止，我所拥有的内容会更改数据并正常显示面板。但它始终位于网格的顶部（考虑到它在代码中的位置，这并不令人惊讶）。

您会注意到面板实际上包含生成 html 的指令的实例，因此在其中包含面板将不起作用（它进入无限循环）。

有什么建议么？

代码原样：

我已经通过 bower ( bower install foundation-apps) 安装了 Foundation for Apps。

Foundation 说要使用 _settings.scss 进行自定义。但是，当我最终必须更新到最新版本 ( bower update foundation-apps) 时，该文件不会被覆盖吗？

我是单页应用程序、Foundation for Apps (F4A) 和 Angular.js 的菜鸟。这是我第一次尝试将 Angular 模块添加到框架中，虽然看起来很简单，但有些东西不起作用。问题是 html 的 Angular 部分显示在呈现的页面上

但是，F4A 的指令并没有发生这种情况。它们在页面上不可见。我还没有编写控制器代码，只是布置了 html。此模块用于用户在线编辑页面（例如配置文件），因此我不必有一个用于数据输入的配置文件页面和另一个用于显示的配置文件页面。

帮助解决这个问题将不胜感激！此外，我在网上的任何地方都找不到相关的指导，我也不能成为第一个搞砸的人。

我正在按照此处的入门说明进行操作。

1) Bower 安装顺利，模块现在位于 /bower-components/xeditable 中。

2) 我在 index.html 标头中插入了建议的 css 链接。

3）我在标题中插入了建议的 js 脚本，但也在 Gulpfile 的顶部附近尝试了我认为它应该在的位置：

4) 这个位已经在 Zurb 的 index.html 的顶部：

5）说明告诉我这样做：

但是，我把它放在 app.js 的顶部：

6）第 6 步希望在模板中使用此代码，因此我将其放在已经具有不会导致问题的 Angular {{ }} 的模板中：

7) 最后，我将此控制器复制到 app.js 中：