zurb-foundation

    0热度

    1回答

    我遇到了zurb基金会的网站导航问题。我创建了我的菜单,并且下拉菜单(子菜单)上的任何链接都可以正常工作。没有任何孩子,我的顶级链接不起作用。与儿童的顶级链接可以双击,然后工作。 这是我的示例页面。 http://inside.ipapilot.org/zurbtest.html 在大型或中型上下文中,如果您单击主页链接或任何顶级链接,它们都不起作用(除非在响应式“小型”中)。如果双击它们,子菜单

    1热度

    2回答

    见一个基本的悬停下拉列表窗格下面的代码: <button class="button" type="button" data-toggle="example">Toggle Dropdown</button> <div class="dropdown-pane" id="example" data-dropdown data-dropdown data-hover="true" data-ho

    0热度

    1回答

    嗨一个像我有以下基础codepen叠加文本 $(document).ready(function() { $(document).foundation(); }); body { background-color: #a3d5d3; } #wrap { position:relative; /* make this relative to have the

    0热度

    1回答

    我正在使用Foundation 6并引入了一些非画布菜单。他们工作得很好,我点击“Tray One”,它会打开并同时切换幻灯片,让它同时隐藏。 但我想进一步扩大这一点,以便当我说点击“塔上两”,它会打开相应的关闭帆布菜单,但关闭任何其他打开的菜单。 我该如何去做这件事? <!doctype html> <html class="no-js" lang="en" dir="ltr"> <

    0热度

    1回答

    我正在尝试在我的页面上添加一个滑块,该滑块正在筛选特定类表的特定类的特定数值列。 我试图纠正和修改许多现有的example1,example2 ...没有成功。 我使用Zurb基金会slider。滑块现在可以工作,但它不与我的任何页面链接(根本没用)。这是滑块的HTML; <div class="large-9 columns"> <div class="slider" data-sli

    0热度

    1回答

    我已经生成了一个全新的导轨应用程序。我正在使用ruby版本2.3.3和rails版本5.1.0 rc。继在GitHub上的说明: 1)我已经添加了基础护栏宝石到Gemfile中 2)我已经运行束安装命令 3)运行轨摹基础:安装命令 4)增加了以下进口到我的application.scss文件: @import "foundation_and_overrides"; 5)增加了以下声明,以我的的

    0热度

    2回答

    我无法获得基础+导轨工作。我已经安装了基础gem,没有问题,当我创建基础内容的简单页面时,它无法加载样式表。 例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-s

    1热度

    1回答

    我正在尝试在我的React应用程序中包含Foundation下拉菜单。但是,当我尝试添加下拉菜单的正常代码时,下拉功能不起作用,并且下拉菜单项全部自动显示。我也收到了错误: 遗漏的类型错误:$(...)基金会不是一个函数 在Constructor.componentDidMount(EVAL在 下面是我的代码非常感谢 var React = require('react'); var $ = r

    0热度

    1回答

    我是新来的Foundationpress,我想改变组件的样式,如Tabs和breadcrumbs。 我试图将scss文件从'my-theme/assets/components/foundation-sites/scss/components'复制到'my-theme/assets/scss/components',并在foundation.scss文件中导入这个文件: @导入“component

    0热度

    1回答

    当我插入从基础HTML文档块(下同),到反应成分 <div className="top-bar" id="top-bar"> <div className="top-bar-title"> <span data-responsive-toggle="responsive-menu" data-hide-for="medium"> <button classNam