zurb-foundation

1热度

1回答

我试图设置一个不同的字体大小的介质屏幕和只有较小的：产生 // _settings.scss $global-font-size: 100%; $global-width: rem-calc(1000); $breakpoints: ( small: 0px, medium: 640px, large: 1000px ); // _header.scss

1热度

1回答

ReactJS将数据传递给呈现的模态？

我不确定这是否可能，也许我做错了什么。我所拥有的是一个循环，它将一些进度条元素推入数组，然后将其与信息一起渲染。点击不同的进度条会输出传递到特定进度条的数据，但是这会显示在控制台上。而不是在控制台上输出它，我希望这些信息动态弹出<Modal>。所以，如果用户点击进度条编号1，在进度条编号1传递的信息将显示在<Modal>。如果我把open功能<Modal>我得到一个错误说：“不能将现有状

0热度

1回答

显示模式Foundation6

我使用Foundation6和我的显示模式不工作（有刚有滚动到顶部，当我点击链接），但我读过的文档基金会（http://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html）！所以这是我的代码： <a href="#" class="button green" data-reveal-id="addMusic">

1热度

1回答

与锚定打开accordeon面板

会有一种简单的方法来打开与基金会的手风琴锚？我简单的代码（上codepen提供） <a href="#panel1" class="link">Open the first panel</a> <a href="#panel2" class="link">Open the second panel</a> <ul class="accordion" data-accordion>

1热度

2回答

CSS - 制作左div作为一个覆盖在小屏幕上的div div

我在我的项目中使用了zurb基础，并且我有一个连续2个div的布局。一个在左边占4栏，另一个在右边占8栏。在左侧，我有一些内容，右侧有一张图片占据整个div。我想在小屏幕上将左侧div的内容放在图像顶部，就像叠加层，而不是右侧div下面的左侧div。但我不知道如何以及什么是实现这一目标的最佳方式？ <div class="header row"> <div class="large-1

0热度

3回答

如何在缩略图中显示图像的中心

这可能很简单，但我似乎无法弄清楚。我正在处理图像库，图像有时处于纵向模式，有时处于横向模式。为了使画廊看上去统一，我需要缩略图的尺寸相同，只需点击一下，即可显示完整图像。我正在使用Zurb基金会和SCSS。这是我的代码的时刻： <div class="img-single column column-block"> <a data-open="galleryModal"> <

1热度

1回答

通过URL链接打开手风琴（基础v6.3.1）？

是否可以从同一页面上的常规href链接打开Foundation 6.3手风琴菜单？我正在使用最新的Foundation v6.3.1，并且发现了一些关于这样做的信息，但没有任何效果在我的案例中。这篇文章似乎有一个理想的解决方案（Trigger opening of a Zurb Foundation Accordion via URL hash link），但它似乎没有与最新版本？

0热度

1回答

Bootstrap 3.3.7 - 网格系统在Safari 10上不起作用？

从文档here它说它支持IOS和Mac桌面上的Safari。但为什么这是我在我的Safari上得到的？这是我的代码：  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min

1热度

2回答

如何使用ZURB Foundation折叠所有打开的手风琴6

要默认打开手风琴部分，需要为li标签添加“is-active”类。像这样： <li class="accordion-item is-active" data-accordion-item> <a href="#0" class="accordion-title"><h5>This is the title</h5></a> <div class="accordion-cont

7热度

3回答

Sass只包括基础部分在编译的CSS中的评论

我正在尝试使用基础和sass制作jekyll博客，而我似乎无法获得正确编译的基础sass。当我建立jekyll时，没有错误，我写的部分似乎正确加载，基础似乎导入，但只有顶部的注释。我进程迄今基本上运行 npm install foundation-sites --save 移动基础青菜的东西出来node_modules文件夹，然后包括我的SCSS文件的基础。您可以看到以下屏幕截图中输出的目录和