2

我整天在谷歌上寻找一个轻量级的网格框架，但期待一些流畅且响应迅速的东西——也许我的要求是相互冲突的。

我查看了 inuit.css 和 bootstrap 以及介于两者之间的所有内容。

理想情况下，我会找到一些像 reset.css 和一个简单的网格系统这样的低级别的东西，然后从那里构建。

这是针对网站后端的管理面板的，因此 960 网格并不是我真正想要的。理想情况下，应用程序应该使用媒体查询隐藏部分的所有可用空间，这些部分在屏幕空间非常宝贵时不太相关。

有这样的事吗？似乎我查看的每个框架都居中，当我最大化我的窗口内容时，我只是居中。

4

3 回答 3

1

我的框架Jeet 3可以轻松做到这一点。

header
    background blue
.left_sidebar
    col(1/4)
.main
    col(3/4)

..会在顶部创建一个带有蓝色背景的标题，一个与左侧齐平的 1/4 左侧边栏，以及占据 3/4 (其余的部分）。

如果您想添加与侧边栏宽度相匹配的徽标，以及距离徽标 1/4 的导航，那么...

header
    background blue
    .logo
        col(1/4)
    nav
        col(2/4, offset: -1/4)
        a
            col(1/4)
.left_sidebar
    col(1/4)
.main
    col(3/4)

不想要排水沟？改为使用span()。

  • IE8+ 具有不错的 IE7 降级
  • 接受任何分数和/或小数
  • 只要您传递父比率上下文，排水沟在嵌套时是一致的（查看演示截屏视频）
  • Jeet 主要是一个网格系统，但使用 Axis CSS 标记团队，就像一个漂亮的 UI 库
  • 建立在 Stylus 上，它很容易成为最性感的预处理器。它很灵活，因此您可以使用多种语法并且它会起作用。

https://github.com/CorySimmons/jeet/

于 2013-09-28T01:26:05.027 回答
0

为了无耻的自我推销，我会把我的扔进戒指： Loxley。

它本质上是一个包含一组媒体查询和网格系统的 CSS 文件。

于 2013-11-05T17:26:29.590 回答
0

你试过Foundation 4吗？您可以自定义框架，只下载网格框架。

于 2013-09-27T18:49:38.383 回答