问题标签 [blueprint-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 的角度来看，它非常复杂看法）

我目前正在测试Blueprint以创建站点的布局。到目前为止，一切都很好，但现在我遇到了一个问题，我想知道是否有任何优雅的解决方案。

我正在使用默认的 24 列布局，并且有一种情况我想做类似的事情：

问题是 box-class 添加了一个填充，导致三个 div 不适合 24 列。一种“解决方案”是对所有三个都使用 span-7 ，但这并不能填满整个宽度。

有任何想法吗？

我想知道 Blueprint CSS 是如何工作的——它是否使用一些标准尺寸（例如 24 列，40 像素宽度，或 20 列，48 像素宽度），并且通常有一个文件指定蓝图设置的细节？

它实际上是 BluePrint 的一部分吗？他们在做什么？

在哪里可以找到一些介绍文档？谢谢。

我有 CSS 定义，例如

但自 Compass / Blueprint 0.8.17 以来

所以我的桌子乱七八糟。添加table.one-table也无济于事。我认为它正在失去特异性......我很惊讶，因为这个类直接放在桌子上，而另一个则把这个类应用到body. 为什么会被覆盖，什么是好的解决方法？

我不能使用id，因为它是一个模板，我需要使它足够通用。我也不愿意使用!important，因为如果以后 IE css def 也需要使用重要怎么办。我无法升级到最新的指南针，因为这样做可能也意味着要修复整个网站的问题。谢谢。

通常，我使用 adiv来清除浮动

在 Compass / Blueprint 中，有一个

它究竟是做什么的？它是否清除当前浮动元素，而不是清除上面的浮动？这是否意味着如果当前元素使用+clearfix，那么后面的元素不必做清除？实际上，我没有看到clear当前元素或下一个元素作为使用 Firebug 的测试，那么它到底是做什么的呢？

内容区域的宽度是 960px，有 3 列，每列 300px，所以总共 900px，列之间的 padding/margin 为 15px，总共 30px，最后，在第 1 列的左侧应该有 15px 的 padding / 边距，与第 3 列右侧相同。所以总也是30px。

900px + 30px + 30px 将是 960px。

如何在蓝图/CSS 中做到这一点？这可以使用简单的 CSS 来完成，但编码标准需要使用蓝图 CSS。

我正在为网站使用 Blueprint CSS 框架。我正在开发的某些页面有黑色背景。

虽然我可以自己设置所有样式，但我想知道是否有人知道我可以用来为我做这件事的插件。

我正在使用带有 Rails 的 Blueprint CSS。每当我使用 aa tag with a href value时，href 中的值都会显示在 html 页面中。

例如 <a href="google.com">Google</a> 显示为 Google(google.com)。

这是生成的 HTML 代码

有人可以告诉我如何解决这个问题

我对蓝图很陌生，就像今天早上开始的那样，但让我印象深刻的一件事是像图像这样的固定宽度内容的“问题”。如果图像比它所在的列宽，我该怎么办？