zurb-foundation相关内容

电子邮件在Outlook应用程序上无法正确呈现，但在浏览器上可以正常工作

我正在通过mailjet从一个Spring应用程序发送电子邮件，当用outlook的Web版本打开它们时，这些电子邮件呈现得很好，就像在screenshot中一样，甚至在Outlook移动应用程序上也是如此，但当我使用桌面版本时，它完全搞砸了，如图所示 picture PS：我正在使用foundation样式，您可以找到html/css代码here 推荐答案 这取决于Outlook中 ..
发布时间：2022-07-04 10:17:26 其他开发

如何从 Sass 样式表中只导入变量和 mixin?

我正在使用 Zurb Foundation 4 (S)CSS 框架，并且遇到了样式大量重复的问题.这是因为在我 @import 'foundation' 的每个文件中，Foundation 的所有样式也都被导入(body、.row 的规则, .button 和朋友).这导致了较长的 SCSS 编译时间和在 Chrome 中难以导航的 Web 开发人员控制台，因为 Zurb 的所有样式都被声明了四到 ..
发布时间：2022-01-31 15:00:52 前端开发

使用 Foundation 的 Orbit 内容滑块同时滑动两个 div

单击箭头时，我需要同时在投资组合页面上为两个 div 设置动画/滑动(根据附加图像，笔记本电脑和手机上的屏幕截图).我可以适度理解/更改 JS 插件，并且非常精通 HTML/CSS.有什么推荐的插件或方法可以做到这一点而无需编写特定的 JS 代码? P.S 我正在使用 Zurb 的 Foundation 框架，它内置了“Orbit"滑块插件，但不确定它的可定制性足以实现这一点 解决方案 ..
发布时间：2022-01-24 18:04:47 前端开发

Azure 网站和 Sass

我一直在尝试寻找是否有办法通过 Windows azure 网站支持 sass?有人可以指点我一些文件，或者如果可能的话，现在让我看看.我特别希望支持基于 sass(scss) 构建的 Zurb Foundation 响应式框架. 我已经通过使用已编译的 css 文件和覆盖 css 文件来做到这一点.如果可能，我想使用 sass 的语义样式. 谢谢 解决方案 是的.但是由于 S ..
发布时间：2022-01-23 18:45:38 其他开发

如何使用 Zurb Foundation 显示打开、打开、关闭、关闭回调函数?

在 zurb 基金会的网站 http://foundation.zurb.com/docs/reveal.php 他们列出了一些选项，包括 open:在模式打开之前触发的回调函数. opened:在模态打开后触发的回调函数. close:在模式准备关闭之前触发回调函数. 关闭:在模式关闭后触发的回调函数. 但我不知道如何将它们与我的模态一起使用.我试过了: $('# ..
发布时间：2022-01-17 10:55:57 前端开发

Google Maps API v3 + Foundation 4 Reveal modal 显示不正确

在我们开始之前，我只想澄清一下，我已经从头到尾阅读了以下 SO 文章，并尝试复制解决方案，但到目前为止还不能. Foundation 中的 Google Map API 显示模式不显示正确 显示模式中的 Google Map API 未显示完全 如何使用google.maps.event.trigger(map,'调整大小') 这里还有 Zurb 的 Foundation ..
发布时间：2022-01-17 10:47:23 前端开发

“Foundation - ReferenceError: primordials is not defined when started a foundation zurb project."

创建 Foundation Zurb 项目时出错.尝试使用针对其他应用程序显示的先前建议来解决，但没有一个有效. 引用了更新榆树的帖子，我这样做了，但是没有用.此外，我查看了 Gulp 3 的已关闭问题(我正在使用 gulp 4)，但没有可行的修复(Gulp 3 在节点 12 #2324 上被破坏)或解决方法. $ Foundation new --framework emailsfs.j ..
发布时间：2022-01-12 14:22:32 其他开发

如何使 Zurb Foundation 顶部栏导航居中?

我的网站上的顶部导航栏左对齐如下: |主页 |aeoTSD |寂静夜 | 我想像这样将顶部栏导航居中: |主页 |aeoTSD |寂静夜 | 将它与带有“示例"文本的红色条完全一样居中. 这里是我的css. 解决方案 您可以通过将其添加到您的 CSS 来实现(最好删除冲突的样式): .top-bar-section ul {display: table;边距:0 自动；}. ..
发布时间：2022-01-10 18:07:41 前端开发

使用单个 DOM 元素修复了响应式顶部导航/关闭画布导航

让我们先把这些问题排除在外(建立在 Foundation响应式框架): Fiddle 1:一个导航​​元素，但当侧导航滑出时变得不固定 Fiddle 2:工作但有多个导航 好吧，我一直在绞尽脑汁尝试为以下问题开发优雅的解决方案: 1) 制作响应式、固定导航，在较小的屏幕尺寸(类似于 Facebook 应用)上从顶部拉伸切换到滑出侧面 2) 我想使用相同的 DOM 元素 ..
发布时间：2022-01-10 17:58:47 其他开发

使用 Zurb Foundation 滚动经过时，粘性顶部栏使页面跳起来

我正在为我的网站使用 Zurb Foundation 4 框架.我想要一个导航栏，它位于标题下方，当您滚动过去时，该标题会粘在页面顶部.这很好用，除了当顶部栏粘在页面顶部时页面内容会向上跳跃约 45 像素.虽然这是一个不同的导航元素，但可以在此页面上看到效果:http://Foundation.zurb.com/docs/components/magellan.html 有什么方法可以解决这 ..
发布时间：2022-01-10 17:54:06 前端开发

在 Zurb Foundation 中淡入标签?

我试图弄清楚 Zurb Foundation 中是否有很好地淡入标签的设置. 如果没有，是否有人知道手动实现此目的的最佳方法? 在 jQuery 中定位什么? 谢谢. 解决方案 将这行代码 u.css("display","block").addClass("active") 替换为 u.fadeIn('slow').addClass("active")在foundati ..
发布时间：2022-01-09 20:50:34 其他开发

如何添加 data-dropdown="drop1";在菜单中

我正在努力在 Joomla CMS 中实现来自 zurb 基金会的下拉菜单. 但是，我在添加 data-dropdown="drop1" 时遇到问题，因为我不知道插入它的正确方法. 将其插入锚点的最佳方法是什么? 这是我正在谈论的示例页面:http://foundation.zurb.com/docs/components/dropdown.html 这是我从上面的页面中引 ..
发布时间：2022-01-06 22:14:48 其他开发

在 Bootstrap 3 中创建基础风格的块网格?

在 Zurb Foundation 3+ 中，他们有一个“块网格"的 CSS 构造，这是一个无序列表，您可以在其中指定一行中的项目数. 这是他们的文档. 我无法在 Bootstrap 3 中看到这样做；只有列.我希望能够将重复元素(例如 LI)轻松显示为响应式网格，我可以在其中指定断点的数量，就像在 Foundation 中一样. 我想我可以自己动手，但想看看是否有人有建议或以前 ..
发布时间：2022-01-04 18:47:23 前端开发

响应式设计:为什么高度为零 &padding-bottom 用于使 div 响应大小的工作?

在查看 Zurb Foundation 的代码后，我注意到他们正在使用这样的 CSS 方法来允许响应式方形 div: .div{位置:相对；宽度:33%；高度:0；填充底部:33%；}.divInner{位置:绝对；宽度:100%；高度:100%；} 我一直在一些较新的项目中使用这种方法(仍在私人开发中)，但不知道浏览器是否支持它，也不知道为什么高度甚至能够模仿宽度大小.有谁知道为什么会这样? ..
发布时间：2022-01-04 18:47:00 前端开发

zurb基础是否可以有全行宽

我正在使用基础 3 来构建响应式网站，但我想让页脚和导航背景宽度占据整个宽度?我已将行命名为 class="行导航"类=“行页脚" 我试图寻找如何解决这个问题，但我别无选择.我假设它是foundation.css 文件中的一个小修复，但由于我不熟悉它，所以目前它有点太多了. 非常感谢任何指针. 解决方案 我昨天遇到了同样的问题.诀窍是，对于全宽跨越块，您只需将它们保留在行/列结构 ..
发布时间：2022-01-04 18:40:40 前端开发