问题标签 [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.

0 投票
4 回答
16973 浏览

html - 网格列之间的分隔符

如何在网格列之间添加分隔符。我尝试添加边框,它总是破坏布局。请查看附图以清楚了解。

在此处输入图像描述

编辑

看看这里

http://burnfatweightlossblog.com/aiu/junaid/testhtml/

代码

0 投票
1 回答
705 浏览

ruby-on-rails-3.1 - 在 Rails 3.1 应用程序中使用 Sass + Compass + Blueprint

我正在努力正确设置这个框架。有没有人成功地让这个工作?如果是这样,我会喜欢任何和所有的反馈。谢谢!

我正在按照http://compass-style.org/install/中的说明进行操作,并且想知道将文件放在 Rails 3.1 应用程序中的什么位置:在安装指南针时将其app/assets/stylesheets保留在内部还是保持原样?app/stylesheets

此外,罗盘在下面给出了一组说明$ compass init rails . --using blueprint

这看起来像 HAML(我不熟悉)。我改为使用 .erb 添加这些链接标签,但似乎没有任何效果。

0 投票
3 回答
17588 浏览

twitter-bootstrap - Twitter Bootstrap 框架是否支持填充?

我无法理解 Twittter Bootstrap 框架。它是否允许在容器周围进行基本填充?

似乎有一个默认的 20px 边距,但没有填充。这里有人设法解决了这个问题吗?

如果您的背景是白色的,这很好用,但是当我在容器后面放置颜色时,我没有填充,如果我添加填充,我的布局就会中断。难道我做错了什么?

0 投票
2 回答
1285 浏览

user-interface - Web 应用程序的 UI 框架/工具包

是否有任何 UI 工具包/框架可用于来自 Twitter(http://twitter.github.com/bootstrap/ )的 Web 应用程序(如 Bootstrap )?

我目前正在升级一个旧的 ASP 业务线应用程序,我想使用一个通用框架来处理网格、警报消息、表单等。我对 jQuery UI 非常熟悉,但它并不像我想要的那样完整成为。我主要关心的是我只希望其他开发人员可以使用的应用程序的 UI 一致,但不太精通设计。另外,我希望应用程序在整个应用程序中表现一致。

我不需要服务器端的框架,因为我使用的是 ASP.NET MVC。顺便说一句,我同时使用 jQuery 和 jQuery UI,但我正在寻找可以填补缺失空白的东西。

0 投票
5 回答
7380 浏览

media-queries - 如何有效地使用无框网格?

我也开始建立一个适用于移动设备的网站。所以我也开始研究媒体查询和各种网格框架。我查看了所有“主要参与者”,例如 Inuit.css、语义网格等,发现对我来说最好的可能是无框网格

作者说它是“ Less Framework的精神继承者”:

行。我已经研究了很多主 framelessgrid.com 页面的所有 less/css 代码和 html 代码(应该实现无框网格),但我无法弄清楚我如何真正实现它。

  • 首先,他所说的“无框”究竟是什么意思?只是它不是一个框架?除了拥有自由列宽和“倒置”媒体查询以“移动优先”之外,它与 lessframework 有何不同?

  • 我应该如何准确地使用 .less 变量(尤其是 @cols 系列)?

  • “逐列调整,而不是逐像素调整”是什么意思?意思是?应该如何将这一概念付诸实践?

:)

0 投票
1 回答
478 浏览

css - 最佳 CSS 网格 - 2011

我知道以前有人问过这个问题,但另一个问题是几年前的问题了——而且随着技术的进步……

我们正在考虑重新设计一个上次设计于 2004 年的网站。我一直在使用 960 网格并且很喜欢它,但想知道其他人对此有何看法。1140 网格呢?

该站点适用于当地政府站点,因此将有大量用户/浏览器访问它。

0 投票
3 回答
2618 浏览

css - 如何阅读这个 LESS css?

我正在尝试找出 Joni Korpi 的 Frameless CSS 无框网格(http://framelessgrid.com/),但我很难阅读他拥有的 .less 文件。我对 LESS 使用变量有一个基本的了解,所以我知道 column = 48 和 gutter = 24 就是这样。

1cols = 1 * (48 + 24) - 24)/ 12 吗?

我不明白的是@1col: @1cols;.width (@cols:1) { width: (@cols * (@column + @gutter) - @gutter) / @em; }

有人可以帮忙吗?

https://github.com/jonikorpi/Frameless/blob/master/frameless.less

0 投票
1 回答
966 浏览

css - 在实现非基于网格的设计时,CSS 网格系统如何节省时间?

哪些 CSS 网格系统可以快速完成而我们离不开它们?

我从事各种资源的自由项目,我得到的 Photoshop 文件 (PSD) 不是基于网格或不使用相同的网格宽度和列、排水沟。我没有与设计师直接交流。我只直接从客户或其他自由职业者/分包商那里获得设计文件。我擅长为 PSD 制作 HTML CSS,而不使用任何具有 IE 兼容性的网格。

这些天 twitter bootstrap 在社区中很流行,它基于 940px 宽度的网格和其他东西,用于按钮和 jquery 插件。

我的问题是专门针对使用网格的。与我们通常的方法相比,它如何减少我们的开发时间而不限制我们做任何事情,特别是当 Designer 在远程位置并且我没有直接连接到他们甚至我不能强迫他们使用任何基于网格的系统时。一些客户要求我使用 twitter bootstrap,但他们给我的设计文件与 940px 网格不匹配。

0 投票
2 回答
215 浏览

html - Fill middle-bottom with content on a background image

I would do the following: I have a background image (top center) and I would fill its middle-bottom with content. I would do something like http://glocalventures.org/ . Note: it's resizable!

How can I make something like this? I use Zurb Foundation as CSS Framework. Thanks!

0 投票
6 回答
48164 浏览

css - Twitter Bootstrap:在导航栏中使用“.btn”类的正确方法是什么?

我将导航栏用于标准导航内容,并且我想包含一个用于登录和注册的按钮。

我正在使用a带有类的标签,btn btn-large btn-success默认情况下,导航栏似乎不适合使用嵌套btn的 s。

结果是这样的:

默认不悬停

当悬停在上面时,它会显示为:

悬停

我的问题基本上是:我做错了吗?有什么我想念的吗?

在我为 .btn 重新定义 CSS 类之前,我想我会问。在导航栏中。

谢谢。