zurb-foundation

0热度

1回答

我使用的是预制的格式（村上）从https://tympanus.net/Development/TextInputEffects/ 的jsfiddle是https://jsfiddle.net/kacikw/6b9djm76/#&togetherjs=ERPObvDR7G 我无法弄清楚如何将输入区域放入一个文本区域，该区域可以有多于一行（对于注释部分）。就像我不知道如何修改预先制作的表单，我试着

0热度

1回答

基础6不等高元素的块网格

在基础6块网格中，如何制作紧接在其父元素之后放置的非等高元素的网格。实施例（图像）因此，所有的底灰色块向上移动到橙色块所处的位置，而不是对自己换行符 <div class="row small-up-1 medium-up-6 large-up-4"> <div class="column column-block f1" style="height: 100px;">

0热度

2回答

Foundation 6全宽和非全宽的默认网格宽度是多少？

尽管我知道Foundation的响应速度很快，但我试图制作精确的具有某些断点的photoshop文档，并试图了解基础如何建立网格元素大小（默认情况下）。假设例如// XXLarge屏幕 @media只有屏幕和（最小宽度：120.063em）的媒体查询{}/*最小宽度1921px，xxlarge屏幕*/12列问题1：应用默认的水槽？或者默认情况下系统不应用排水沟，只是纯粹的列？问题2：不适用的

1热度

2回答

使用Webpack Encore进行Sass预处理：如何添加sass选项？

我正在尝试配置Webpack Encore以将Foundation集成到我们的项目中。在这个page，据说萨斯选项可以使用像传递到喝采： Encore // ... .enableSassLoader(function(sassOptions) { // https://github.com/sass/node-sass#options // optio

0热度

2回答

在div列中居中文本

我正在使用Zurb基础架构并试图居中文本。如果我只是用.text-center类： <h1 class="text-center">My Heading</h1>的文字居中。然而，当我把它列里面，文本稍微向右移动： <div class="row"> <div class="small-2 small-centered columns text-center"> <h1>

2热度

3回答

噶单元测试Vue.js +基金会

我正在尝试为我的第一个Vue.js项目添加Foundation for Sites项目，该项目使用Vue CLI进行设置。网站运行然而噶+ Phantomjs单元测试套件，发射这样的错误： PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR SyntaxError: Invalid character: '`' at webpack:///~/fou

0热度

1回答

将单元格均匀地分布在Zurb基金会的各个列中6

我正在构建一个应用程序布局，我想要布置多个卡片，将超链接均匀地列入多个列。因此，屏幕空间将被使用。我使用Zurb基金会6，并有下面这段HTML的基础上Zurb基金会6： <!doctype html> <html lang="en" class="no-js"> <head> <meta charset="utf-8"> <meta name="viewp

0热度

1回答

Zurb基础揭示模态

我使用Zurb基础6框架，我想使用揭示模态。出于某种原因，点击按钮打开模式时没有响应。 My JsFiddle https://jsfiddle.net/zzf2suto/1/

0热度

1回答

基础6网格在img覆盖的问题反应

我第一次使用基础6 xy网格，并且难以对齐三个图像，每个图像底部都有一个文本覆盖图。我努力让文本的背景填充图像的整个宽度，同时使它响应，newsArticle__pCont类的100％宽度大于我不明白的父单元格。下面是最近的，我已经得到了（这是不是很接近） class News extends Component { renderArticlePreview(article) {

1热度

1回答

基金会6抓取深入点击事件

我试图抓住基金会6钻取事件。我用一个简单的on()方法与jQuery似乎不工作。 $(document).foundation(); $("body").on("click",".is-drilldown-submenu-parent",function(){ alert("!"); }) 这里有一个Codepen：https://codepen.io/Nirtz89/pen