-
0 votesanswersviews
如何在基金会6中防止手风琴动画
我正在尝试使用Foundation 6创建一个使用手风琴进行组织的表单 . 我想为手风琴 Headers 添加输入和按钮 . 通常，当点击手风琴 Headers 时，它会通过滑动来切换其内容 . 我想禁用此效果，因此如果我单击 Headers 中的按钮，内容将不会切换，因为如果每次单击按钮时它都会扩展和收缩，那真的很烦人 . 我有类似的东西： $body.on('click', '.button_... -
5 votesanswersviews
在网格列布局内填充内容
我正在使用Zurb Foundation框架来构建前端（http://foundation.zurb.com/docs/grid.php），我已经创建了我的基本布局，没有任何问题 . 我想知道的是如何填充列内的内容？正如您所期望的那样，所有内容都与左侧对齐，但是如果没有自定义网格布局标记或在任何地方创建大量包装器，我都看不到创建填充的方法 . 例如，标记 <div class="c... -
27 votesanswersviews
zurb基金会网格中心的内容
我试图将图像水平居中到zurb列，但似乎不可能 . 我尝试了一切，到处搜索，但我无法让它工作 . 这是我的代码： <div class="row"> <div class="twelve columns"> <img src="img_06.jpeg" alt="slide ... -
2 votesanswersviews
Zurb Foundation中嵌套网格的问题
我只会告诉你一个我创建的jsfiddle来说明我想要实现的目标： http://jsfiddle.net/vraG7/3/embedded/result/ 这是该部分的代码： <div class="row"> <div class="twelve columns"> <h2 class="fi... -
0 votesanswersviews
未定义的变量：Foundation 5 Sass项目中的编译错误
我正在尝试构建我的第一个Foundation 5项目，并且是CSS框架的新手 . 我已经使用Foundation CLI成功创建了一个Sass项目，当我在浏览器中点击index.html时，使用Foundation 5样式就可以了 . 我的/ scss文件夹有2个文件，_settings.scss和app.scss就是这么简单 @import "settings"; @impo... -
0 votesanswersviews
麻烦与Zurb-Foundation嵌套网格
我一直试图用基金会来实现这个目标，尽管尝试了许多不同的方法，我却无法让它发挥作用 . 目标： 我迄今为止最接近的尝试： <div class="row"> <div class="small-6 columns"> <div class="row"> ... -
0 votesanswersviews
Zurb Foundation：阻止网格刷新
假设我在Foundation "Block Grid"中有10个块（这些块由块网格等间隔）在3列中 . 这给了我3行3个块和1个单个块 . 如果我动态添加一个带有 display:none 的类，比方说，首先阻止我得到的仍然是相同的4行，用一个孔代替块号1 . 有没有办法强制它重新排列块，好像它已经从9开始，你会得到3行3块？ 编辑： 在我的初始发布后不久，我发现它进行了测试，... -
3 votesanswersviews
如何使用Zurb Foundation和SASS mixins实现响应式Pinterest风格的布局？
我正在使用Zurb Foundation与SASS和Compass . 我需要实现Pinterest样式的列布局，其中每个"panel/pin"可以具有不同的高度，但所有面板/引脚具有相同的宽度 . 面临的挑战是使它们没有垂直间隙;使用'css float'留下缺陷 . 我一直在Zurb基金会试验各种电网选项，但没有成功 . 是否有mixin来实现Pinterest风格的布局？... -
293 votesanswersviews
响应字体大小
我使用Zurb Foundation 3网格创建了一个站点 . 每个页面都有一个大的h1 . CSS body {font-size:100%} /* Headers */ h1 { font-size:6.2em;font-weight:500; } HTML <div class="row"> <div class="twelve column... -
0 votesanswersviews
Zurb基金会动态柱尺寸设计
我正在使用Zurb Foundation 5来 Build 一个网站 . 我的网站在屏幕左侧有一个导航面板 . 打开时，我希望导航区域占用3列 . 实际内容将占用剩余空间 . 这是我到目前为止的HTML： <body> <div style="width:100%; max-width:100%; height:100%;"> <div... -
0 votesanswersviews
Zurb基金会最大排768像素
我是zurb基金会的新手，我必须设计小屏幕768像素的网页，我正在与zurb基金会这样做 . 下面是我的基本HTML架构 <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /&... -
3 votesanswersviews
在Zurb基金会重叠div
我今天刚刚开始使用Zurb的Foundation，到目前为止我非常喜欢它 . 它使 Build 一个网站真的很快 . 我已经看到了如何使用我喜欢的列数和嵌套列创建行 . 现在我有一个问题 . 在使用Foundation之前，我正在开发一个由包装器组成的网站，其中包含带有导航菜单的 Headers 和带有图像滑块的div，该图像滑块与 Headers 重叠并且部分重叠显示主要内容的网站的下划线部分 ... -
0 votesanswersviews
Zurb Foundation - 滑出菜单
做一些阅读我提到Zurb Foundation有一些东西支持侧滑菜单，类似于可以在以下网站上找到的菜单（通过左上角的图标触发）：http://www.dtelepathy.com/ 看着基金会doco，我找不到任何东西 . 有人能够指出我如何通过Zurb基金会实现这种行为的正确方向吗？ 非常感谢！ -
2 votesanswersviews
Zurb Foundation Top Bar带有简单的文字和链接？
我正试图与Zurb Foundation一起推出以下顶级酒吧 . （我知道如何用纯HTML做到这一点......试图找出使用Foundation的正确方法 . ） 所以你在左边有 Headers 区名称（工作正常），在右边有“嗨，乔！”只是纯文本，然后“更改设置”和“注销”是每个链接（这不起作用） . 这就是我构建时发生的事情...... 这是我正在使用的代码...... <nav cl... -
1 votesanswersviews
基金会5中顶级导航下拉列表中的任意内容？
我试图将任意内容放在Zurb Foundation 5导航栏的下拉列表中 . 基本上，我想要的只是一个登录按钮，用于打开登录表单下拉列表 . 看起来Foundation只支持顶部栏中下拉列表的 <ul> 列表，即使导航栏外的下拉列表允许您使用 f-dropdown content 类的任何内容 . 使用Bootstrap可以很容易地实现这一点，但我认为Foundation的设计可以更加... -
8 votesanswersviews
可以设置下拉的位置（zurb基金会）？
现在，下拉列表的内容默认为右下角 . 是否可以设置它以使其向左下方？ （基础5） -
0 votesanswersviews
中心对齐基础6下拉
我正在尝试显示一个水平居中对齐的Foundation 6下拉列表 . 我正在尝试使用下拉列表作为工具提示，因为它更符合我的需求，并允许将丰富的HTML插入其中，而工具提示则不会 . 可以通过添加类 .top .right .bottom .left 来定位Foundation 6下拉列表 . 这些类由Foundation核心Javascript解析，然后该元素被动态计算 top: 和 left: ... -
0 votesanswersviews
Zurb Foundation如何检测javascript组件？
我认为它是通过属性来实现的，例如在下拉列表中： <ul class="dropdown menu" data-dropdown-menu> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2... -
3 votesanswersviews
垂直对齐基础div
http://jsfiddle.net/mgLtz5kg/ <div class="row expanded"> <div class="row expanded paddedrow"> <div class="small-12 medium-4 columns paddedcircle... -
0 votesanswersviews
在Zurb左对齐社交媒体图标
我正在使用Zurb Foundation for Email 2，并且很难让社交媒体图标左对齐 . 我正在寻找一个适用于这种环境的解决方案 . 如果您使用drip.html模板中的此代码，您将在页面上获得五个图标 . <row class="collapsed footer"> <columns> <center> &... -
9 votesanswersviews
Zurb Foundation 4中网格单元之间的间距
是否有一种简单的方法在Zurb Foundation 4中的网格单元之间有间距？我在Grid docs中没有't want to mess with the CSS of the Foundation elements as that may throw something else off. There'一个 $column-gutter SCSS变量： $column-gutter: 1.8... -
5 votesanswersviews
列之间的Zurb基金会保证金
我有一个非常简单的基础CSS代码 <div class="row"> <div class="large-offset-1 large-6 columns">Content goes here</div> <div class="large-4 end columns">Si... -
0 votesanswersviews
Zurb-Foundation块网格丢失单元格
我使用Zurb Foundation块网格布局并遇到一个问题 .我有这个代码与Ember.JS <div class="row"> <ul class="small-block-grid-2 large-block-grid-5"> {{render Ember.JS View}} </ul&g... -
1 votesanswersviews
Zurb Foundation 4：网格第一列和最后一列填充
我正在使用Foundation网格系统，我的目标是删除第一列的左边填充和最后一列的右边填充（因此行内容的边界与上面内容的边界垂直对齐） . 就像在Bootstrap中，第一列和最后一列没有填充，我想做类似的事情 . 我的理解是，在行中添加 collapse 将删除所有列之间的排水沟 . 谢谢 -
4 votesanswersviews
Zurb Foundation Sticky Nav Bar
所以我使用的是zurb基础框架中的默认 .top-bar 类，但我是'm failing a find a simple way to make the nav bar ' sticky'（跟随用户滚动），例如你可以使用Twitter bootstrap . 这是我的代码，我正在使用玉： nav.top-bar ul li.name h1 a(href='#... -
1 votesanswersviews
Foundation Sticky插件突然无法正常工作
在最长的时间内，Foundation Sticky插件按预期工作，因为页面滚动符合侧边栏的顶部 . 现在，突然，它破碎了： https://www.arcresources.com/about-arc/board-of-directors/member-bios 它跳了一次，并且类被更改，表明插件正在触发并添加上边距，但之后没有 . 我已经尝试评论所有其他JS和相关的CSS，看看是否有什么干扰，但... -
0 votesanswersviews
Zurb-foundation部分崩溃
我在我的rails项目中使用 zurb-foundation 版本4.1.6 . 我创建了这个页面骨架（以haml为摘录）： %body .row-fluid %nav.top-bar %ul.title-area %li.name %h1= link_to t('app.name'), root_path %li.tog... -
2 votesanswersviews
粘性顶杆不工作Zurb基金会
我从基金会使用topbar阅读了许多内容 . 喜欢 A sticky Top Bar makes the page jump up when scrolling past it with Zurb Foundation 和这里 https://github.com/zurb/foundation/issues/2005 这对我来说非常“脆弱” . 有时工作，有时不工作 这是我的代码http://j... -
1 votesanswersviews
Zurb Foundation 4顶杆固定/粘性高度问题
我正在使用Zurb Foundation 4作为一个网站，我已经使用过它，但我从未尝试过粘性或固定的topbar类 . 问题是，当我将粘性或固定类设置为我的导航包装器时，在浏览器中导航时导航栏的高度变为双倍！ （我使用容器，因为，从文档"To make the top bar stay fixed as you scroll, wrap it in div class="修复“... -
0 votesanswersviews
zurb-foundation顶栏粘手机
我正在使用带有粘性顶杆的zurb-foundation . 当网站位于 mobile width, 时，它无法顺利滚动 . 它以最小的滚动量向下跳到页面的一半 . http://codepen.io/nathanw/pen/zxZaQQ 我希望在导航切换打开时页面顺利滚动 . <div class="container sticky"> <nav class=...