问题标签 [jeet-grid]

对于一个移动优先的网站，我需要一个带有 SASS 预处理器功能的网格。目前我正在使用 Bootstrap 3 Grid，它工作正常，但似乎缺乏灵活性。特别是我不想让我的 html 与额外的 css 类（如rowor ）混淆column-4。

我发现了两个有希望的选择：

1. 截击网格
2. 奇点

两者都有强大的工具来跨越列、更改断点、修改排水沟等。你能简要概述一下两者的优缺点吗？

我正在使用http://jeet.gs中的 align() 将 div 定位在全屏 div 内，如下所示：

我的问题是父 div 在其子项大于全屏（父项的大小）时不会调整大小。

文档说 align() 确实“将块相对于其容器与位置对齐：绝对和花哨的定位和变换。” 我担心的是“绝对定位的元素会从流中删除，因此被其他元素忽略”（c）。因此，从逻辑上讲，父级全屏 div 不会随着子级的大小而增长。

有没有办法在纯 CSS 中解决这个问题，还是我必须将其称为使用 jeet 并使用 javascript 修复的缺点？

我想要实现的是让全屏容器在其中的内容太大时调整为大于全屏，如下所示：http: //codepen.io/anon/pen/bxgyd

这是一个好的设计吗？

I am trying to have four columns in jeet with a gutter of .5

This causes the fourth column to break, giving me only 3. I tried it without a gutter and the same thing happens.

我正在尝试使用 jeet 和 0.5 的排水沟创建四列

这会导致第四列中断为新行，只给我 3 列。我在没有排水沟的情况下尝试过，同样的事情发生了。

我试图通过取消循环从 4 列打破到 3 列，初始比率看起来像这样

然后我尝试以笔记本电脑的分辨率将其更改为仅 3 列

有没有办法像这样改变比率？

我正在尝试将我的列比率从 1/4 更改为 1/3。

默认样式为 1/4，

然后我取消循环并切换到1/3，

循环保持在 4 留下一行，只有一列向右浮动。

使用 jeet.gs 我有两个类占据了它们父容器总宽度的一半。

像这样的东西（手写笔符号）：

现在，当我像这样写一些玉时：

然后该行没有正确换行：“1 号”结束在一行，“2 号”和“3 号”结束在第二行。

我想要第一行的“1 号”和“2 号”，第二行的“3 号”。

为什么会这样？我需要清除修复吗？在 susy 和整洁中是否有类似 omega() 的东西？有没有其他方法可以抵消？

如何使用 grunt-contrib-stylus 包含 Stylus 库？

我想将 Jeet & Rupture 添加到我的触控笔设置中。

我已经运行 npm install --save-dev rupture&npm install --save-dev jeet

但我不确定如何让手写笔设置使用它们，这就是我所拥有的：

这就是我对 Jeet 的称呼。

但我明白了error failed to locate @import file jeet.styl

你如何在 Express 中使用 Jeet？

这是我的 app.js 文件的一部分：

按照 Stylus 插件文档，我应该这样做：

但我无法让事情正常进行。

感谢所有帮助。

为使用 jeet.gs 中的 span() 或 col() 布局的元素添加边框会导致每个元素对于父容器来说太宽。

有没有办法解决这个问题？

codepen 中的一些示例。

http://codepen.io/aaaaargZombies/pen/yybYMZ

http://codepen.io/aaaaargZombies/pen/WbjQpK