问题标签 [zurb-foundation-5]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
535 浏览

html - CSS3 last-child 选择器 - 使用 .has-dropdown 选择最后一个 li 但不是其中的 li

我真的很难让下拉列表中的最后一个项目具有圆角边缘,而其中的项目也具有圆角。我尝试了很多变体,但总是得到相同的结果,即我得到最后一个项目的边缘是圆角的,但其中的所有项目也都是圆角的。谁能帮我吗?注意。id="languagebox"不会总是最后一个项目,所以我不能使用这个 ID 设置样式。

非常感谢。

CSS:

HTML

0 投票
1 回答
90 浏览

html - 用基础 5 全宽移动柱子

早上好,这是我的布局:

我的问题是:有没有办法在移动布局上先显示最后一个 div,然后再显示第一个?因为,如果我使用推拉,我可以在中等布局(“medium-8 medium-push-4”和“medium-4 medium-pull-8”)中移动它们,但不能在移动布局中移动它们。在使用可见性类之前,我想知道是否有更聪明的方法。

谢谢您的帮助,

马可

0 投票
2 回答
1074 浏览

grid - Zurb 基础网格 - 没有行的重复列

这样做有错吗?

代替:

据我所见,结果是相同的,但divs 更少。

0 投票
1 回答
183 浏览

javascript - Dynamic Rows Shortcode for wordpress

i'm trying to add a shortcode to set a grid in wordpress content. My theme is based on foundation5 So I made a new file called "Shortcodes.php" and load it in the functions.php . I inserted the following code to the shortcodes file

So what I want to do is to open a new row if the shortcode handles the first content. Afterwards I want to set the width of the column and, if the shortcode handles the last content an end tag. After that the content itself follows, followed by a closing div for the row if it's the last content.

The rendered shortcode looks like

So I would expect something like

Or like

So I would expect somethin like

But it just kills my template. Any idea or suggestions?

Thank you guys!

0 投票
2 回答
8906 浏览

html - 使用zurb Foundation 5时垂直对齐CSS

我正在尝试使用 CSS 和 Zurb Foundation 5 框架在标题面板(全宽约 250 像素高的容器)中间对齐一行文本,但由于某种原因无法使其工作。

我已经尝试过此链接http://www.vanseodesign.com/css/vertical-centering/中总结的 6 种垂直对齐方法中的每一种(行高方法、css 表格方法、绝对位置和负边距、绝对位置和拉伸,填充顶部和底部,浮动 div)。我管理过的最好的方法是将文本浮动到标题面板之外和整个页面的中间,或者将文本向上或向下移动一小段距离(看似随机),同时扭曲标题面板的高度。

它让我认为我的标题面板的 CSS 中有一些冲突(或股票基础框架中的一些冲突) - 但我无法解决。感谢任何指针。

谢谢!

我的标题面板的 CSS 紧跟在标准 ZURB 标题栏(45px 高 - 见填充)之后,如下所示:

我的 HTML 布局是:

然后我尝试以多种方式设置 spanMiddle div 的参数 - 例如

我也尝试过没有以下部分,并使用专用的 p 或 span 标签(在 headerpanel css 之后立即使用 .p {} 或 .spam {} 设置):

我也试过:

我哪里错了?

0 投票
1 回答
3585 浏览

zurb-foundation - 如果复选框组中没有选中复选框,则显示错误

当在同一个复选框组中未选中任何复选框时,如何使用 Foundation 5 的 Abide HTML5 表单验证库显示错误消息?

0 投票
2 回答
282 浏览

zurb-joyride - 使用带有标签的 Foundation 5 Joyride

有没有办法用foundation 5 Joyride切换标签?我在页面上有基础选项卡,并希望 Joyride 将元素指向不同的选项卡。

0 投票
1 回答
639 浏览

jquery - 如何使用 Javascript 正确创建警报框?

我正在尝试使用 jQuery 即时打开 Foundation 警报框。当我尝试这样做时,关闭链接的行为有些不一致。如果页面上已经有一个警告框,则关闭链接有效。但是,如果我通过 JS 创建的框是页面上的第一个框,则关闭链接不起作用。我正在使用 Foundation 5.4.5。

我正在尝试做的简单演示:

HTML:

JS:

代码笔: http ://codepen.io/dgross/pen/myyerB

但是,修改 HTML 以包含单独的警报会使它们都起作用:

代码笔: http ://codepen.io/dgross/pen/qEEOqN

有没有我想念的官方方法?我也试过触发“open.fndtn.alert-box”事件,它似乎没有做任何事情。

0 投票
3 回答
3153 浏览

menu - 更改 Foundation 菜单画布的宽度

我正在使用框架基础,非常有用。
我想知道如何更改画布菜单的宽度。
使用escusicamente css。
感谢

0 投票
1 回答
398 浏览

zurb-foundation - Foundation 5 交换 html 部分路径

我正在尝试让 Foundation 5 的 Interchange(带有 HTML 部分)工作,但部分没有加载。Foundation5、jQuery 和 Interchange 位于

/bower_components/

index.html 位于

/src/

small.html、medium.html 和 large.html 部分位于

/src/app/nav/


以下是相关文件:

index.html</body>在*之前的底部包含 javascripts

交换-test.html

应用程序.scss

关于这里有什么问题的任何想法?提前致谢。