我们如何在 Tailwind CSS 中制作装订线？ 我尝试使用以下 <a href="https://tailwindcss.com/docs/gap" rel="nofollow

我正在为手风琴使用 zurb 粉底。如何在切换栏上添加加减图标？类似 <a href="https://www.tutorialrepublic.com/code

我在这里仍然学习 Rails 有点迷茫，我正在尝试运行 Foundation 模板。找不到他们网站上提到的 rails-layout ge

我正在使用全新安装的Foundation 6并尝试设置一个可关闭的切换框(http://foundation.zurb.com/sites/docs/toggler.html).出于某种原因,我收到此错误但..未捕获的TypeError：无法读取未定义的属性'_init'在foundation.core.js的第245行.这是我页面上的HTML,直接来自Fo

我正在使用Foundation的最新版本Foundation 5,我想在我的项目中使用Reveal Popup,我尝试使用以下代码和.js文件来实现.它在笔记本电脑和平板电脑等大型显示器上运行良好,但是当我尝试在移动设备等小型设备上打开我的页面时,它显示不正常我必须在我的移动屏幕中左右移动才能看到整个弹出窗口.>包含CSS< link href =“.

现在无数次我尝试将自己的jQuery添加到Foundation项目时遇到了问题.这与基金会使用“无冲突”的方式有关吗？添加自己的脚本的正确步骤是什么？我在调用foundation.min.js之后尝试包含对scripts.js文件的调用,但是一些非常简单的slideToggle调用根本没有运行.然而,当我删除对foundation.min.js的引用时,一切

我正在尝试创建一个浮动面板.它需要与网格分离并填充文档的整个高度,在左侧像SO：我到目前为止的实验：<div class='row left'> <div class='small-3'> <div class='panel'> Panel HTML <

我一直在挖掘很多关于黄金比例和模块化比例的文章,试图了解排版在技术层面的运作方式.我不能说我完全理解它,但现在我对Zurb的基金会4更加困惑.他们在docs中表示他们不再依赖/使用模块化尺度进行排版.所以我很想知道他们是如何想出这些数字的,尤其是他们的标题元素.例如：这是他们的标题在他们的_type.SCSS中的写法$h1-font-size:

我正在使用Foundation 5来设置基本页面.我想要一个按钮来改变某个div的背景图像.到目前为止这是有效的,但它只显示图像的某个区域.这是我到目前为止的代码：function cW() { document.getElementById('panel').style.backgroundImage = 'url('https://dl.dr

刚刚报告这是github上的一个可能的问题,但也许我只是做错了！查看小提琴,看看发生了什么：http://jsfiddle.net/bu2Dw/1/如果将窗口宽度减小到大页面大小以下,则默认基础css应用于元素的负边距会导致出现水平滚动条.只需将以下代码放入任何基础页面并调整窗口大小即可.块网格div上的“包含到网格”会停止滚动条,但会使边距变得混乱.

我正在使用Zurb Foundation框架来构建前端(http://foundation.zurb.com/docs/grid.php),我已经创建了我的基本布局,没有任何问题.我想知道的是如何填充列内的内容？正如您所期望的那样,所有内容都与左侧对齐,但是如果没有自定义网格布局标记或在任何地方创建大量包装器,我都看不到创建填充的方法.例如,标记<di

我正在建立一个公司响应网站,并首次使用SASS和Foundation 4 CSS Framework.到现在为止还挺好.但是我在这里遇到了一个与“mixin”有关的“问题”.如果我想在大视图中使用大小为6的列,在小视图中使用大小为3的列,我可以使用内置的CSS类 class='large-6 small-3 columns' 有没有办法通过Foundatio

我在Zurb Foundation 3中有一个站点原型,到目前为止我有桌面版本,现在我正在调整它以对平板电脑和手机负责.我正在喋喋不休的是：我有一些内容连续的列,我想删除一些中小分辨率的列.但我希望其他列可以拉伸到页面宽度的其余部分.我该怎么做呢？我在用class='hide-for-medium-down' 隐藏元素,但是如何隐藏内容,以便在隐藏某些元素时

我使用过Bootstrap,并研究过Foundation.从我所看到的,它们都使用float：来实现响应式网格.我还看到了仅使用display：table-cell和@media查询的响应式网格.后者似乎对我更好,因为浮动：旨在实现特定的排版效果,因此使用它来实现响应式网格布局似乎是一种黑客攻击.我的问题：是浮点数：引导程序,基础和其他响应式网格用于解决旧浏

我试图解决一个问题,因为我终于明白,如​​果没有帮助,我将不会成功…我想做一个我们每天在互联网上看到的共同点：能够点击表格行以显示更多细节.但是这里更多细节并不意味着文本块,而是与父行具有相同形状的子行. 以下是HTML表的示例： <table class="collapse table"> <tr> <th>Age</th> <th>Sex</th> <th>Name</

我只是试图让我的头围绕着Zurb的SASS,Compass和前端框架基金会. 我已经正确安装了所有东西,并且我的第一个基础模板已经安装完毕.现在我正在尝试配置基础框架中包含的内容. 在foundation.scss文件中有一行： @import "compass/css3"; 我不能为我的生活找出这个文件的来源. 该文件来自Compass本身： http://compass-style.org/r

这是我的网站 – http://foundation.zurb.com/docs/components/top-bar.html 我试图改变与导航栏相关的每一个可能的css位,但我还没有找到改变它的颜色的方法. 谁能指引我走正确的道路？我想将背景颜色从原来的黑色改为另一种颜色. 问题是您已在导航栏的各个部分上设置颜色以覆盖整体颜色.更具体的选择器. 请按照以下三个步骤操作： 问题的第一部分： .t

我想使用 javascript动态切换Zurb Foundation Switch控件的状态. 这是默认的Zurb基金会开关： <!-- Default switch --> <div class="switch"> <input id="d" name="switch-d" type="radio" checked> <label for="d" onclick="">Of

有没有人使用Foundation 4或Bootstrap 3测试版？如你所知，这两个都是重写的，使其首先移动。 我非常高兴与移动的第一种方法，但在现实生活中，有时情况不让我们做我们认为是正确的方式。 所以我只想问一下，有没有人使用F4或BS3进行非移动化(甚至无响应)的项目？我没有真正地掏入代码，文件很缺乏。 我的意思是，在F4 / BS3中有一些隐藏的注意事项，如果我使用其中一个用于非移动性第一

我不是网页设计师,我没有很多时间进行自定义.我正在创建一个LoB Web应用程序的网站.大多数用户将在桌面上使用IE 9,但是一些iPad / iPhone访问将需要几个响应页面. 有人可以给我一些理由,反对在Visual Studio 2012中使用ASP.NET Web窗体选择Foundation或Bootstrap吗？ 如果你想要一些很好的开箱即用的东西,我认为bootstrap是一个更好的