问题标签 [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 投票
2 回答
762 浏览

css - 使用blueprint CSS,是否可以做如下布局

我想使用蓝图 css 做以下布局

使这项工作合适的列宽、边距宽度和列数是多少?

我正在尝试使用 10px 列和 10px 边距来执行此操作,但最终以 30px 作为中间排水沟(一整列 + 右侧边距)

0 投票
3 回答
11456 浏览

css - IE 特定过滤器(如 -ms-filter)的 Sass Mixin 错误

我正在尝试制作这样的按钮混合:

当我编译 sass 时,以 -filter 和 -ms-filter 开头的行出现此错误:

SASS::SyntaxError: Expected rparen token, was single_eq token

我很确定这是我放置 = 的位置,但我不确定如何正确编写它。如果我传递十六进制值而不是!lighter,!darker,它会起作用,因为我可以像这样删除=符号:

0 投票
1 回答
220 浏览

css - 蓝图 css 问题在 ie 中不起作用

我想尝试一下蓝图,从一开始就工作得很好,然后我把网站放到网上,令我惊讶的是,ie 没有任何效果?是否有任何 css 大师可以指导我在这里可能做错了什么?

http://kurdiskainstitutet.se/

正如我所说,在除 Internet Explorer 之外的所有其他浏览器上都能完美运行

0 投票
2 回答
798 浏览

css - 蓝图 CSS 框架或任何网格系统:修复有边框的 div

我在尝试布置我的网站时遇到了一些问题。我正在使用蓝图框架,当我将边框应用到我的 div 时会发生这种情况。由于它们的宽度是由span-XX(或者grid-xx我在960gs中注意到的)控制的,所以当我将边框应用到任何div我拥有的元素时,它就会超出网格,如这些图像所示出去 点击放大 替代文字 点击放大

我知道修复它的唯一方法是更改​​元素的宽度,但随后框架的网格目的完成,因为我将不再拥有这些span-XX类。有没有其他方法可以解决它?

0 投票
1 回答
690 浏览

css - 有没有办法让 Blueprint CSS 网格变得流畅?

是否有任何工具可以重新计算 % 中的 px 值?

0 投票
2 回答
839 浏览

css - facebook风格布局问题

我正在尝试模仿这个简单的布局:

在哪里

  1. 页眉和页脚横跨页面的宽度
  2. 标题始终位于顶部
  3. 页脚粘在底部
  4. 蓝图容器是一个固定宽度的容器,其中的所有内容都使用蓝图进行管理。

实现这一目标的最佳方法是什么。挑战在于我较弱的布局技巧和理解如何使页眉/页脚流畅,以便它们始终拉伸但容器保持固定。

0 投票
1 回答
132 浏览

html - 蓝图 HTML 列问题

因此查看Blueprint,默认宽度为 950px 并使用 24 列。我的问题是为什么将列更改为更低或更高?我们最终仍然得到 950px 的总数。

人们这样做是为了更好地控制列吗?

谢谢。

0 投票
1 回答
1448 浏览

jquery - facebook风格的导航栏

这是我的 Rails 应用程序中的导航栏。问题是我不确定这是否可以跨浏览器工作,因为我正在调整锚标签的填充以获得所需的高度。另一个问题是搜索表单在这个导航栏中,并且它不是垂直居中在它里面。

我基本上想要一个 facebook 风格的导航栏,它有几个框,比如链接(带有悬停)和一个搜索表单(一个文本框和一个搜索图像都集成/看起来无缝)。右边的搜索文本框和按钮不是无缝的,它们看起来是分开的。

帮助表示赞赏。

的CSS

0 投票
1 回答
1352 浏览

html - 如何在 BluePrint CSS 框架中删除列之间的空间?

我正在使用蓝图css 框架

使用以下代码时:

您会注意到这些列之间有一个小空间!

有什么办法可以去掉那个空间吗?

0 投票
1 回答
116 浏览

css - 为什么我的登录状态链接无法使用 BlueprintCSS 的 print.css 正确呈现

我正在尝试在我的应用程序中实现 BlueprintCSS 网格框架,并且在包含它为我的链接调用的脚本之后呈现出奇怪的效果。我把它缩小到print.css。如果有人以前遇到过这个,那就在徘徊。

这是渲染的内容

注销 (javascript:__doPostBack('ctl00$LoginStatus1$ctl00',''))

显然,删除 print.css 可以解决这个问题,但是,为什么呢?这是浏览器画面?IE8 和 Chrome 都呈现相同的。