zurb-foundation 相关问题

Foundation是一个由ZURB维护的跨设备CSS框架，用于构建原型和生产代码。

我正在使用 Zurb 基础，我正在尝试创建一个 css 属性，该属性将被调用并覆盖属性 float:right 他们给出最后一列。我知道他们提供了最终的结果...

css zurb-foundation zurb-foundation-5

回答 3 投票 0

$标题样式: ( '小的'：（ 'h1': ('fs': 24, 'lh': $header-lineheight, 'mt': 0, 'mb': $header-margin-bottom), 'h2': ('fs': 20, 'lh': $header-lineheight, 'mt': 0, 'mb': $header-margin-bot...

sass zurb-foundation

回答 1 投票 0

foundation new 命令失败，提示 npm Node 模块未安装

我对基本上所有事情都很陌生，我很抱歉。按照 https://foundation.zurb.com/sites/docs/installation.html 上的说明，我已使用 NPM 在全局安装了 Foundation CLI....

npm zurb-foundation

回答 3 投票 0

将 Gulp-sass 过滤器写入不同的文件夹

大家好，我使用 Foundation Framework (6.8.1) 进行 TYPO3 网站的前端开发。 Foundation Asset 文件夹位于项目根目录中，我想从那里渲染一些

sass gulp zurb-foundation

回答 1 投票 0

ZURB Foundation Topbar Bug，Onclick 突出显示其他链接 Mobile

我正在使用 ZURB Foundation Topbar，除了我发现的一个错误之外，我很喜欢它。在第二级下拉菜单中，如果您突出显示，然后单击链接（li 元素），然后它会将您带到您要访问的页面...

css html zurb-foundation

回答 1 投票 0

基础 - 下拉菜单中的下拉菜单

使用 Foundation 5，我试图在下拉列表中添加一个下拉列表...... 更多使用 Foundation 5，我尝试在下拉列表中添加一个下拉列表... <a href="#" data-dropdown="drop1" data-options="is_hover:true" >More</a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li><a href="#">Modify</a></li> <li class="has-dropdown" ><a href="#">Share</a> <ul class="dropdown" > <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </li> </ul> 但是没有任何成功！ Share 菜单始终显示在 Modify 菜单下。编辑1 我尝试了其他方法，它更好但还不够好： <a href="#" data-dropdown="drop1" data-options="is_hover:true" >More</a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li><a href="#">Modify</a></li> <li ><a data-dropdown="drop2" href="#" >Share</a> <ul id="drop2" class="f-dropdown content " data-dropdown-content > <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </li> </ul> 并添加到我的 .css 中： .f-dropdown.content {display: block;} 这是我的完整 css：http://pastebin.com/QPaFbenF 上一行位于第 67 行但是，当单击 Share 时，More 菜单消失，我必须将鼠标放在 More 链接上才能显示 More 菜单及其子菜单 Share。我在 zurb 论坛上找到了这个问题：dropdown inside dropdown并尝试了答案，但没有成功：S .f-dropdown.content 不会执行任何操作，因为您在 f-dropdown class 下没有名为 content 的类这些应该在你的 CSS 中： .has-dropdown ul { display: none; } .has-dropdown:hover ul { display: block; } 工作示例从头开始时，嵌套下拉菜单往往会变得复杂。我总是建议从superfish开始。您可以在此处查看工作演示：http://users.tpg.com.au/j_birch/plugins/superfish/examples/ 我遇到了同样的问题，我意识到我只是没有包含 jQuery 触发器来通过 dropdown.js 文件工作来获取所有下拉列表等元素。 <script> $(document).foundation(); </script>

html css drop-down-menu zurb-foundation

回答 3 投票 0

更改 WordPress 粘性类名称

不幸的是，Foundation 和 WordPress 都使用“sticky”类。为了避免这种情况，我总是使用一个小函数将 WordPress 的类更改为“wp-sticky”。然而，现在这个功能

php arrays wordpress zurb-foundation

回答 1 投票 0

在 Foundation Reveal 中打开时，BX 滑块不显示？

基本上，我有一个 BX 滑块，它将通过 Zurb 基金会的揭示显示在弹出窗口中。但是，当我单击按钮来显示模式（其中包含 bx 滑块）时，它不会显示。该...

jquery slider zurb-foundation bxslider

回答 2 投票 0

我使用什么版本的 Foundation？（NodeJS/Grunt）

我是 NodeJS 和 Grunt 的新手，我正在尝试弄清楚如何找到我正在使用的 Foundation 版本。我一直在检查随机文件，例如我的“Gruntfile”和我们......

node.js gruntjs zurb-foundation git-bash

回答 2 投票 0

如何根据设备大小渲染不同的组件？

我正在寻找构建一个断点为 1024 的响应式应用程序。当用户登录/注册时，将有几个问题需要回答。在移动设备上，这将呈现为关于...的一个问题

reactjs zurb-foundation device styling react-rendering

回答 5 投票 0

Sass 数学无效 css

我使用 Zurb Foundation.tramide Sass 框架。当我去编译时，我收到此错误：错误 scss/node_modules/foundation-sites/scss/util/_math.scss （第 23 行：“ @return mat 之后的 CSS 无效...

sass zurb-foundation

回答 1 投票 0

如何使导航栏始终位于顶部？

我正在使用 ZURB 的 Foundation 并尝试将导航栏移至顶部。

html css zurb-foundation

回答 6 投票 0

集成CSS框架仅在指定的类或ID中工作

我有从头开始构建的网站，并且我指定的系统构建在 Bootstrap 或基础上。当我尝试将其集成到我的网站上时，我的所有网站都开始使用 Bootstrap 或基础风格。是不是...

twitter-bootstrap css twitter-bootstrap-3 zurb-foundation

回答 1 投票 0

Zurb 基础表格分页

如何使用 Foundation 框架为表格实现分页？我的表：没有交易显示... 如何使用 Foundation 框架为表格实现分页？我的桌子： <div v-if="accounts && sortedTransactions.length==0"> <h3>No transactions to show</h3> </div> <div v-else class="container"> <ul class="responsive-table"> <li class="table-header"> <div class="col col-1">Date</div> <div class="col col-2">Type</div> <div class="col col-3">Amount</div> <div class="col col-4">Description</div> </li> <li class="table-row" v-for="transaction of sortedTransactions"> <div class="col col-1" data-label="DATE"> {{transaction.date.slice(0,10)}} </div> <div :class="[transaction.type === 'CREDIT'? 'col col-2 credit' : ' col col-2 debit']" data-label="TYPE"> {{transaction.type}} </div> <div :class="[transaction.type === 'CREDIT'? 'col col-3 credit' : ' col col-3 debit']" data-label="AMOUNT"> {{transaction.amount}} </div> <div class="col col-4" data-label="DESCRIPTION"> {{transaction.description}} </div> </li> </ul> </div>

javascript zurb-foundation

回答 0 投票 0

基础框架工作中的断点

/ 小屏幕 @media only screen { } * 定义移动风格 * @media only screen and (max-width: 40em) { }。* max-width 640px, mobile-only styles, use when QAing mobile issues * / Medium ...

html css responsive-design zurb-foundation

回答 1 投票 0

选择2选项列表更大程度地隐藏在基金会模式中。

我在网站中使用select2，我已经意识到模态的问题。这是我用来启动select2字段的脚本：$(function() { $('#id_creator').djangoSelect2({ ...

zurb-foundation jquery-select2

回答 1 投票 0

Webpack Encore Zurb Foundation-网站编译错误。

我正试图在Symfony 4应用程序中使用Foundation-sites和Webpack Encore。当我试图编译scss文件时，我得到了以下错误：.node_modules.binencore dev ...。

symfony webpack zurb-foundation zurb-foundation-6 webpack-encore

回答 1 投票 1

防止在模式外点击时关闭基金会模式。

我不想让模态在我点击背景时消失。我想让它一直显示，直到我点击模式内的按钮。这里有一个codepen链接http:/codepen.ioanonpenJdNXGd在这里...