zurb-foundation相关内容
我正在通过mailjet从一个Spring应用程序发送电子邮件,当用outlook的Web版本打开它们时,这些电子邮件呈现得很好,就像在screenshot中一样,甚至在Outlook移动应用程序上也是如此,但当我使用桌面版本时,它完全搞砸了,如图所示 picture PS:我正在使用foundation样式,您可以找到html/css代码here 推荐答案 这取决于Outlook中
..
我正在使用 Zurb Foundation 4 (S)CSS 框架,并且遇到了样式大量重复的问题.这是因为在我 @import 'foundation' 的每个文件中,Foundation 的所有样式也都被导入(body、.row 的规则, .button 和朋友).这导致了较长的 SCSS 编译时间和在 Chrome 中难以导航的 Web 开发人员控制台,因为 Zurb 的所有样式都被声明了四到
..
单击箭头时,我需要同时在投资组合页面上为两个 div 设置动画/滑动(根据附加图像,笔记本电脑和手机上的屏幕截图).我可以适度理解/更改 JS 插件,并且非常精通 HTML/CSS.有什么推荐的插件或方法可以做到这一点而无需编写特定的 JS 代码? P.S 我正在使用 Zurb 的 Foundation 框架,它内置了“Orbit"滑块插件,但不确定它的可定制性足以实现这一点 解决方案
..
我一直在尝试寻找是否有办法通过 Windows azure 网站支持 sass?有人可以指点我一些文件,或者如果可能的话,现在让我看看.我特别希望支持基于 sass(scss) 构建的 Zurb Foundation 响应式框架. 我已经通过使用已编译的 css 文件和覆盖 css 文件来做到这一点.如果可能,我想使用 sass 的语义样式. 谢谢 解决方案 是的.但是由于 S
..
在安装 nodejs、ruby 和 git plus bower 后尝试安装 Foundation. 我不断收到以下错误,我不知道如何解决它: 找不到有效的 gem 'foundation' (>= 0),原因如下:无法从 https://rubygems.org/ 下载数据 - SSL_connect returned=1 errno=0 state=SSLv3 读取服务器证书 B:
..
我是 Foundation 新手,我只知道如何使用网格的基本概念. 在移动/小屏幕上查看时,我有这 3 列需要堆叠(参见“移动"图片). 在大屏幕上应该是这样的: 这是我当前的代码.这不是我想要的,我开始感到困惑.
..
祝大家今天好, 我正在为我的迷你项目使用基础 5.我想使用框架的显示/模式功能.但是好像不行. index.html 职位发布
..
在 zurb 基金会的网站 http://foundation.zurb.com/docs/reveal.php 他们列出了一些选项,包括 open:在模式打开之前触发的回调函数. opened:在模态打开后触发的回调函数. close:在模式准备关闭之前触发回调函数. 关闭:在模式关闭后触发的回调函数. 但我不知道如何将它们与我的模态一起使用.我试过了: $('#
..
在我们开始之前,我只想澄清一下,我已经从头到尾阅读了以下 SO 文章,并尝试复制解决方案,但到目前为止还不能. Foundation 中的 Google Map API 显示模式不显示正确 显示模式中的 Google Map API 未显示完全 如何使用google.maps.event.trigger(map,'调整大小') 这里还有 Zurb 的 Foundation
..
我刚刚通过执行以下命令在我的应用程序基目录中安装了基础: compass create myprojectname -r zurb-foundation --usingfoundation 现在我打开了 sass/_settings.scss 文件,我取消了第 66 行的注释: $include-html-classes: true; 最后,我尝试通过执行以下命令来编译我的基础项目以包含
..
创建 Foundation Zurb 项目时出错.尝试使用针对其他应用程序显示的先前建议来解决,但没有一个有效. 引用了更新榆树的帖子,我这样做了,但是没有用.此外,我查看了 Gulp 3 的已关闭问题(我正在使用 gulp 4),但没有可行的修复(Gulp 3 在节点 12 #2324 上被破坏)或解决方法. $ Foundation new --framework emailsfs.j
..
解决方案后编辑 这是一个 Yeoman 生成器,用于使用 Foundation 和 Browserify 构建项目:https://github.com/dougmacklin/generator-foundation-browserify 我正在尝试弄清楚如何正确地将 foundation framework js 与 浏览器. 在我的项目文件夹中,我安装它以及 jQuery(
..
我的网站上的顶部导航栏左对齐如下: |主页 |aeoTSD |寂静夜 | 我想像这样将顶部栏导航居中: |主页 |aeoTSD |寂静夜 | 将它与带有“示例"文本的红色条完全一样居中. 这里是我的css. 解决方案 您可以通过将其添加到您的 CSS 来实现(最好删除冲突的样式): .top-bar-section ul {display: table;边距:0 自动;}.
..
让我们先把这些问题排除在外(建立在 Foundation响应式框架): Fiddle 1:一个导航元素,但当侧导航滑出时变得不固定 Fiddle 2:工作但有多个导航 好吧,我一直在绞尽脑汁尝试为以下问题开发优雅的解决方案: 1) 制作响应式、固定导航,在较小的屏幕尺寸(类似于 Facebook 应用)上从顶部拉伸切换到滑出侧面 2) 我想使用相同的 DOM 元素
..
我正在为我的网站使用 Zurb Foundation 4 框架.我想要一个导航栏,它位于标题下方,当您滚动过去时,该标题会粘在页面顶部.这很好用,除了当顶部栏粘在页面顶部时页面内容会向上跳跃约 45 像素.虽然这是一个不同的导航元素,但可以在此页面上看到效果:http://Foundation.zurb.com/docs/components/magellan.html 有什么方法可以解决这
..
我试图弄清楚 Zurb Foundation 中是否有很好地淡入标签的设置. 如果没有,是否有人知道手动实现此目的的最佳方法? 在 jQuery 中定位什么? 谢谢. 解决方案 将这行代码 u.css("display","block").addClass("active") 替换为 u.fadeIn('slow').addClass("active")在foundati
..
我正在努力在 Joomla CMS 中实现来自 zurb 基金会的下拉菜单. 但是,我在添加 data-dropdown="drop1" 时遇到问题,因为我不知道插入它的正确方法. 将其插入锚点的最佳方法是什么? 这是我正在谈论的示例页面:http://foundation.zurb.com/docs/components/dropdown.html 这是我从上面的页面中引
..
在 Zurb Foundation 3+ 中,他们有一个“块网格"的 CSS 构造,这是一个无序列表,您可以在其中指定一行中的项目数. 这是他们的文档. 我无法在 Bootstrap 3 中看到这样做;只有列.我希望能够将重复元素(例如 LI)轻松显示为响应式网格,我可以在其中指定断点的数量,就像在 Foundation 中一样. 我想我可以自己动手,但想看看是否有人有建议或以前
..
在查看 Zurb Foundation 的代码后,我注意到他们正在使用这样的 CSS 方法来允许响应式方形 div: .div{位置:相对;宽度:33%;高度:0;填充底部:33%;}.divInner{位置:绝对;宽度:100%;高度:100%;} 我一直在一些较新的项目中使用这种方法(仍在私人开发中),但不知道浏览器是否支持它,也不知道为什么高度甚至能够模仿宽度大小.有谁知道为什么会这样?
..
我正在使用基础 3 来构建响应式网站,但我想让页脚和导航背景宽度占据整个宽度?我已将行命名为 class="行导航"类=“行页脚" 我试图寻找如何解决这个问题,但我别无选择.我假设它是foundation.css 文件中的一个小修复,但由于我不熟悉它,所以目前它有点太多了. 非常感谢任何指针. 解决方案 我昨天遇到了同样的问题.诀窍是,对于全宽跨越块,您只需将它们保留在行/列结构
..