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

wordpress - Compass/Sass 编译遇到问题 - 我正在使用 Bones Wordpress 主题

我无法正确编译一些自定义 Compass/Sass 函数。我不断收到错误:

我在 Stack Exchange 上读到一些关于 @import 可能会搞砸的东西。

这是我的功能:

我正在写这个,所以任何帮助将不胜感激 - 如果我自己弄清楚,我会发布答案:)

所以我一直在注释掉部分代码并使用 (container-width: $max-width) {} 是导致问题的原因。我不喜欢在函数定义中设置创建变量......不知道为什么?

0 投票
3 回答
3228 浏览

java - 在生产中使用 Less css 框架

几周前,我开始了解 LESS CSS。这正是我在编写 css 代码时认为应该可用的。

现在我非常渴望使用它,并想在生产场景中应用它,但是有一个问题。要使用 LESS CSS,您有两种选择:
1.在您的网页中包含 less.js。
2.预编译LESS文件然后使用。

第一个选项我买不起,因为为此我需要使用大小不超过 43 KB 的 less.js。当我已经在使用 Jquery 时,这会增加额外的负载。

第二个选项看起来很有希望,但问题是,要在生产中编写代码,你不能每次都编译你的 LESS 来测试它的变化。这应该是我直接编写 CSS 代码时的体验。我应该写 LESS,它应该立即反映在页面上。

那么有人可以帮我设置这种工作流程吗?

感谢其他类似框架的任何建议。

0 投票
3 回答
28372 浏览

css - 如何轻松增加 twitter 引导 css 系统中所有表单元素的字体大小?

http://twitter.github.com/bootstrap/base-css.html#forms

我有一个简单的水平表单,例如带有标签和输入文本字段的示例。如何使所有标签字体大小:24px 和所有输入正确高度等。我还需要 140px 宽度的硬编码边距来增加标签不换行。也就是说,我正在寻找最佳实践方式来表达:更大!

0 投票
3 回答
2649 浏览

css - 组织 CSS 代码的结构化方式

在构建一个相对较大的网站时,CSS 结构应该从一开始就适当地确定范围和组织。如果不使用 CSS 框架,那么所有内容都可以集中到一个庞大的样式表中,但这很快就会出现问题,并可能成为巨大的维护责任。

在过去的几年里,我将我的样式表分解成各种文件,包括:base.css、layout.css、fonts.css、elements.css,但是样式定义很容易在文件之间跳转,这种方法需要更多严格的。我没有使用框架,因为我不喜欢 CSS 代码中的预设列和预定义元素。

你们可以建议什么方法、模式或技巧来保持事情井井有条?什么样的命名约定、可重用性实践和模式是有用的?这是应该使用框架的东西吗?

0 投票
1 回答
153 浏览

css - LESS 语言和 Less 框架之间的联系是什么?

我正在研究使用 Less 框架来构建一个新网站,但我对某一点感到好奇。它与 LESS 样式表语言有关吗?Less 甚至使用 LESS 来构建它的 CSS 吗?

0 投票
2 回答
897 浏览

css - 什么是好的通用、轻量级 CSS 框架?

我意识到这个问题很可能已经被打死了,而且这更多的是个人喜好问题,但我很好奇是否有人有任何建议。

我有一个不重用代码的坏习惯。(很可能是因为我似乎总是以某种方式最终丢失我在不断增长的迷宫中收集的任何片段,这是我的“开发”文件夹)话虽如此,我决定在几个月前开始尝试找到一个现有的 CSS 框架,我可以使用它来让我在处理新项目时更轻松。我现在已经尝试了其中的一些,虽然我找到了一些很棒的,但没有一个非常适合我正在寻找的东西。

按重要性排序,这是我希望找到的:

  • 灵活性——我太不稳定了,无法长期遵循单一的设计/开发模式。话虽如此,如果我不必花费大部分时间来覆盖我正在使用的框架中的各种规则,我会更喜欢它。当然,我明白,无论我使用什么框架,我都需要偶尔这样做,但我需要的越少越好。

  • 轻量级——我并不是真的在寻找一个框架来作为我整个项目的基础。我正在寻找更多帮助类的集合,可能还有一些实用规则,以便为 Internet Explorer 等带来理智。基本上,我正在寻找能让我的生活更轻松的东西。

  • 跨浏览器兼容- 如果框架不符合当前标准,我可以不在乎,只要它在我进入的任何浏览器中看起来都相对相同。不幸的是,我有一些客户仍在使用 Internet Explorer 7,我不得不接受这些客户。不过,在这一点上,我不太关心它是否仍然与 Internet Explorer 6 兼容。

  • 模块化- 虽然它不是一个交易破坏者,但我希望找到一个轻量级的框架,仍然可以管理设计的模块化方法。我的意思是,许多样式表,都基于“目的”。例如,它会在名为 forms/forms.css 的文件夹/样式表中收集所有用于处理表单(.error、.info、.alert、.text、.required 等)的常用类,同时保留任务规则例如在另一个文件/文件夹中的布局。我真的很喜欢YAML这样做的方式——不幸的是,YAML 有太多我没有使用的额外东西,而且可能在一段时间内都不需要。(虽然说实话,如果我找不到任何其他框架,我可能只是看看我能做些什么来减少我在 YAML 中不使用的东西,

就内容而言,我真的只是在寻找一些准系统、常用的东西。像:

当然,通常的 clearfix 东西。处理圆角、阴影等的类也很好。

目前我并不太关心可访问性、rtl 支持、微格式等,因为我将使用这个框架主要用于与我的客户打交道,而到目前为止我还没有遇到这种需求。

最后,我首先是一名开发人员,(我只是碰巧最近有很多事情需要我做比我感到舒服的更多的设计工作)所以我经常会遇到需要构建在客户端或服务器端动态标记,因此框架的标记越简单越好。

0 投票
2 回答
549 浏览

css - 有这样的CSS框架吗?

我正在寻找一个响应迅速、大(超过 1000 像素)的 CSS 框架,并且我可以在其中执行以下操作:

大型设计:

大型设计

正常设计:

正常设计

手机设计:

移动设计

有什么建议么 ?我已经尝试过960.gsTitan framework1140 css gridGolden Grid System,但我不确定我能在其中做任何我想做的事情。

0 投票
1 回答
1271 浏览

css - gumby 框架 CSS 框架

我需要开发一个简单的网站,我通常使用引导 CSS 框架,但是我想使用 Gumbyn,它允许我使用 16 列而不是 12 列。

我想知道是否:

  • 我可以轻松更改绿色吗?

  • 如何使用固定布局而不是流动布局?

  • 它与所有浏览器兼容吗?

谢谢

0 投票
1 回答
134 浏览

css - 带有详细文档的 CSS 框架

我昨天开始使用 Zurb 的 Foundation 3,但他们随框架提供的文档并没有那么详细。是否有任何其他带有详细文档或书籍的 CSS 框架?链接或详细教程会很棒!

0 投票
1 回答
2900 浏览

drop-down-menu - Zurb Css 框架下拉问题

我正在使用 Zurb Css 框架,如foundation.zurb.com/docs/forms.php中所述,我使用了与下面提供的相同的代码

但我看不到任何下拉菜单,上面的代码是从他们的网站复制粘贴的。

谢谢你。