问题标签 [blueprint-css]

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.

0 投票
3 回答
1880 浏览

html - 960 比 Blueprint 更有利于好的设计?

比较使用960 设计的网站和使用Blueprint设计的网站,在我看来,960 网站要清晰得多。

我不知道这是否是我正在查看的样本的巧合。

还是说960有什么更利于好的设计?

0 投票
4 回答
738 浏览

blueprint-css - 设置蓝图 div 的颜色

有没有办法在蓝图中设置 div 的背景颜色?

我注意到 class=error 会将颜色设置为粉红色(通知/成功类似):

但我想知道是否有办法将 div 设置为任意颜色?

编辑:我实际上并不关心错误/通知/成功。我只是希望能够以与他们类似的方式设置 div 的颜色,但使用我选择的颜色。

0 投票
1 回答
10230 浏览

vertical-alignment - 如何使用蓝图 css 框架在容器的底部/右侧/中心/中间对齐文本/图像?

是否有一些简单的方法可以将 div 容器中的内容对齐到右侧或底部:

或者:

或者:

这是我正在尝试将“topnav”定位在下面的示例:

0 投票
5 回答
1464 浏览

css - 如何使用 CSS 网格框架来自定义宽度和排水沟?

如何为自定义宽度制作自定义CSS网格框架?在我的公司中,我得到了不同尺寸的设计(PSD),宽度站点如 900 像素、920 像素、915 像素、973 像素等,以及不同的装订线尺寸,如右侧 10 像素、左侧 20 像素等。在这种情况下怎么能我使用并受益于基于网格的框架

0 投票
1 回答
3759 浏览

html - 如何使用固定网格蓝图在 CSS 设计中显示 100% 宽度的条纹?

不确定标题是否真的描述了我正在尝试做的事情。实际上,这是在互联网上非常简单和广泛的用法:

当我的内容使用蓝图固定网格时,我希望在背景中有一些流动/全宽的条纹(与设计的某些 div 的高度相同)。

例如,这个网站:intient.com正是我正在寻找的。一个黑色的背景条纹(另一个是灰色的),它是液体宽度和使用网格的内容(但在查看 CSS 后不是蓝图)

我正在使用蓝图固定宽度网格 (950px) 来显示任何内容。你知道我该怎么做吗?用蓝图?并且没有静态背景图片...

谢谢

0 投票
2 回答
1818 浏览

css - 如何使用蓝图 css 垂直排列行(或 div)?

我有以下 html 代码(按给定顺序)

当然,我想在顶部显示页眉部分,然后是内容部分,然后是页脚。如何通过使用蓝图的 CSS 代码来做到这一点?

PS:内容部分先写,对SEO更友好

编辑:该解决方案应该以任何 div 部分的编写顺序工作。例如,div“内容”可以写在 div“页脚”之后的 XHTML 文件中......但我仍然希望页脚显示在内容下方(其高度未知,因为取决于内容)

0 投票
1 回答
191 浏览

css - Blueprint 的最后一课是否存在已知问题?

我试图做这个 Blueprint CSS tutorial,但无法在最后一列中显示任何元素。我找到了这个解决方案,表明上一节课可能有问题,但它对我不起作用。

有没有其他人遇到过这个问题并找到了解决方法?

请让我知道是否需要截图来澄清。

0 投票
2 回答
291 浏览

css - 是否有可以容纳嵌套可视框的 CSS 网格框架?

我一直在一个项目中使用 BluePrint.css 框架。它运作良好。

然而,就像我看过的大多数 CSS 框架一样,它似乎更适合文本重的报纸式布局。当使用它来构建使用“小部件”隐喻(例如 SharePoint 或 iGoogle 等)的 Web 应用程序时,它会变得更加难以使用。关键问题是,在 Web 应用程序中,创建信息的可视化容器通常是标准的。这引入了一个需要填充的框,最终破坏了网格。

另一种解释方法是,如果您的容器框跨越 8 个网格列,您将无法在其中容纳 8 个网格列,因为容器框有填充。

我已经找到了解决方法,但它们都需要添加另一层 CSS,这有点麻烦。在我继续下一个项目之前,我想我会看看是否有其他人遇到过这个问题,并且 a) 找到了一个可以满足这种视觉要求的网格系统,或者 b) 找到了一些巧妙的方法来适应其中一个现有的 CSS 框架。

0 投票
1 回答
768 浏览

css - 带有 IE6 问题的蓝图 CSS 框架/粘滞页脚

我目前正在使用Blueprint CSS框架将我的宽度设置为 910 像素以及 Steve Hatcher 的粘性页脚标记

我遇到的问题是,出于某种原因,仅在 Internet Explorer 6 中,我的 #wrap 类的右侧添加了 10px 的额外填充/边距。

我在这里上传了我的测试站点:

http://www.prashantraju.com/test

这是IE6与IE7的比较。

比较 http://www.prashantraju.com/test/ie6ie7.gif

如您所见,IE7 的右侧(红色区域)没有边距/填充,但在 IE6 中,有额外的 10 像素。

有没有办法解决这个问题 - 或者额外 10px 的原因是什么?

提前致谢。

0 投票
3 回答
2956 浏览

blueprint-css - 使蓝图 css 在 IE 6 和 IE 7 中工作

我正在使用 Blue print CSS,它在 Firefox 中运行良好……但是当我在 IE 中查看它时,即使使用 for IE lt IE8,它在间距和对齐方面似乎仍然无法正常工作。

关于我可以做些什么使它看起来合适的任何建议?