问题标签 [css-frameworks]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
960.gs - 960 GridSystem,一个grid_12里面三个grid_4
我创建了一个 960gs 的 16 列布局,其中 div class="grid_12" (main) 和 grid_4 (right) (12+4...) 在 grid_12 里面我想要一个三列样式(3 pcs.grid_4 )。但是 grid_4 框不适合 grid_12,最后一个框落入第二行。
960gs框架不应该能为我做这个布局吗,我错过了什么吗?
提前致谢。
cdn - 有没有像 960GS 这样的 CSS 框架的 CDN?
我想知道是否有像 960GS 这样的 CSS 框架的 CDN。因为我认为很多人都在使用它。
css - 您发现哪些 CSS 框架有用?
我对 CSS 的极度失望是它无法在不同的浏览器(以及不同版本的浏览器——是的,我说的是 IE)上很好地工作。
人们遇到了哪些 CSS 框架,它们有哪些具体的好处?我今天听说了面向对象的 CSS 框架,但我还没有时间研究它。
css - 有没有通用的 CSS 库?
我正在寻找包含所有常见 CSS 最佳实践的 CSS 库。
例如块居中样式:
我希望这样的库作为单独的 css 文件分发,我可以在我的项目中添加和使用。
css - less.js、lessframework 和 CSS 网格 ala Blueprint 或 960.gs
好的,所以 Less.js 出现了,看来我创建一个带有“抽象”CSS 语言的 CSS 框架(尤其是“网格”系统)的梦想可能即将实现。
也就是说,960 和 Blueprint 都很棒……但是将样式信息放入 HTML 标记中让我很恼火,例如:
或任何语法:)
所以,现在看来我们可以这样做:
呜呜呜!
所以,我即将陷入为自己开发这个的困境——但我确信那里已经有一些聪明人已经做到了——所以在我开始任何繁重的工作之前......?
有什么线索吗?
亲切地
达里尔。
css - 与 LESS css 一起使用的最佳网格框架是什么?
我想使用带有LESS(.js)的网格框架(例如 blueprint/960.gs/...),但是当您决定采用这种方式时,它看起来存在一些问题:
以蓝图为例: ie hacks 样式表阻止使用容器/跨度-X 类作为混合,因为混合类不会出现在 html 元素中。例如放
在您的 .less 样式表中,不会应用 ie hack(这很有意义)。
所以我想知道是否有人已经“移植”了蓝图或 960gs 到更少的 css?我在谷歌上看,但没有发现任何东西(我自己试过,但考虑到使用的 IE hacks/css 选择器,转换是不平凡的)。
PS:另一个问题与SO类似,但作者决定自己启动一个框架,我更喜欢使用“流行”框架
编辑:从较少的文件(mixins)应用类时出现问题的示例:在 960.gs 中,您有以下规则:
html(简体):
使用 LESS,最好像这样在样式表中定义布局:
但它不起作用(该规则不适用于 col1 和 col2),因为 LESS 不知道 #col1 在 #main 中(选择器 #main #col1 不会起作用,从 LESS 的角度来看,它非常复杂看法)
ruby-on-rails - 少与指南针
对于现有应用程序的 Rails CSS 框架,您更喜欢哪一个 - LESS 或 COMPASS?
html - 像 Blueprint CSS 这样的框架如何让您的网站在一种屏幕分辨率和另一种屏幕分辨率之间保持一致?
我被告知要考虑为我的 CSS 使用 Blueprint 或 960 之类的框架。
我不明白的是,即使两个用户的屏幕分辨率不同,它如何使网站看起来一致。
这是如何运作的?
css - 用于移动开发的 CSS 框架?
在过去的一年里,我喜欢使用 BluePrint.css 来管理大型 Web 应用程序项目。我也看过 960 和 YUI 的产品。一切都很好(尽管我对 YUI 有一些抱怨)。
我现在正在做一个移动项目,考虑到我们需要适应各种屏幕尺寸,我认为 CSS 网格框架是又要走的路。
我可能会大量修改 BluePrint 逻辑和/或从头开始构建一个,但在我这样做之前,我想知道是否有人使用过特定的移动框架并会推荐一个特定的移动开发框架。
我看过 Less 和 cssgrid
两者都很好。Less 使用一致的列宽并更改列数。Cssgrid 使用流体列来适应屏幕尺寸。另一方面,我正在设想另一种方法,我们将使用固定数量的列,然后根据屏幕宽度动态调整宽度。我更喜欢这个选项,因为我发现流体网格在重嵌套时会变得难以管理。我应该先看看其他选择吗?
澄清:我现在不一定需要一个完整的 UI 框架。我们肯定会最终得到一个,无论是 jQuery 还是我们自己的,但现在的主要目标是找到和/或构建一个 CSS 框架来处理跨多个移动设备屏幕分辨率和方向的通用页面布局和定位。
css - 无法在 960.gs 容器的背景中着色
我正在使用 960.gs (http://960.gs) 作为我网站的 CSS 框架,我试图在 .container_12 类的背景中着色,而不是在我的 .grid_12 类的背景中着色,以获得额外的 10px在每一边,给网格一点空白来呼吸。
我查看了 960.gs 示例站点,他的背景在 y 轴上重复出现,无论 .grid_12 或 .grid_16 类有多大或里面有什么,它似乎都在扩展。
当我想将背景绘制为白色(而不是在 y 轴上重复图像)时,看起来好像我的 .grid_12 是浮动的,因此 .container_12 没有高度,因此没有白色背景。
这是我的相关 HTML
和 CSS