问题标签 [jeet-grid]

我是css编译的新手。我目前有一个使用 express 和预编译引导 3 文件的 node.js 应用程序，我正在研究 Stylus 以使其更好。我想为网格系统编译 Stylus 并使用 jeet 导入引导程序。

我的问题是，这应该如何工作？我对使用 grunt 或为什么某些教程显示 Stylus 被用作中间件感到困惑。是中间件实时编译它，我为什么需要它？

我也跑了npm install bootstrap-styland npm install jeet，但我不确定如何在我的 styles.styl 中引用这些（如果我这样做@import bootstrap，它找不到文件）

我的想法是，我想以某种方式将导入链接到我的 node_modules，以便可以流畅地更新它们（我不想只是从 node_modules 文件夹中复制 bootstrap .styl 文件，对吗？）。这就是我使用 Grunt 的目的吗？

我有固定宽度的元素，我想制作一个网格。唯一的问题是我希望它能够响应。基本上在一行中有尽可能多的项目，然后随着空间变小将项目移动到第二行。

我正在使用像 jeet.gs 这样的框架，它提供了一个非常有用的功能，称为“循环”，您可以使用它来指定您想要连续的项目数量，它会自动为您创建一个网格。唯一的问题是，为了使这个响应，意味着从 4 个项目到 3 个项目，我需要进行如下计算（itemWidth*4），然后执行uncycle: 4和cycle: 3。

对于此类问题，哪种通用解决方案很糟糕？

使用 Stylus / Jeetcolumn()或col()mixins，有些没有编译，而是显示在我生成的 css 文件中。这不应该发生。

测试样式

生成的 test.css 片段

我正在尝试将 Jeet 和 Rupture 与我的 Stylus-Brunch 一起使用。

我需要配置什么才能让它工作？

有什么办法可以在 Jeet.gs 中使用固定排水沟？我正在使用网格的 SASS 版本。

http://jeet.gs

我在这里的第一个问题。我正在尝试使用 jeet 制作一个简单的画廊网格，但最终结果都被打破了。它会跳过一些 div 到下一行，我只是找不到控制它的方法。

截屏：

我从该站点获取 JSON。此 JSON 的某些字段为空 ("")。我有一个这样的 HTML(Jade) 代码：

像这样的css（slylus）：

如果字段为空，则跨度为空。而且我在响应式网格中有偏移。避免它的最佳方法是什么？

我希望有人能在这里发现这个问题，因为不幸的是我不能在 jsfiddle 中轻松地重现它（编辑：事实证明我可以，请参阅下面链接的 jsfiddle），所以必须有别的东西在起作用。

请参阅随附的屏幕截图，Firefox 中的意外结果和 Chrome 中的预期结果：

相关的 CSS（好吧，Stylus）：

所有容器 ( fieldset, form) 的宽度均为 100%。

（center()来自jeet.gs - 似乎只是添加了float: none,display: block和margin: 0 auto- 但您可以在屏幕截图中看到结果。）

这是一个似乎工作得很好的 jsfiddle：https ://jsfiddle.net/nfLudt59/1/ - 它告诉我这不是图例元素固有的问题。编辑：我没有将图例包装在 afieldset中，完成后，问题被重现。

我错过了一些非常明显的东西吗？

目前查看 Jeet，浏览了他们的 github 和资源，想知道它是否有现成的组件，如按钮、下拉菜单、jumbotron 等，如引导程序。真的不想自己设计。

在 Jeet 文档中，我看到column (ratios = 1, offset = 0, cycle = 0, uncycle = 0, gutter = jeet-gutter)了等号。

然后在以下段落中，表达式使用冒号：column(1/4, cycle: 4)

我不明白为什么文档使用两种不同的归因方法。在编码中，afaik 和 之间存在很大差异:，=我不明白为什么开发人员同时使用两者。

谢谢