问题标签 [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 回答
794 浏览

css - Less CSS 框架入门

我正在尝试为演示目的创建几个静态 HTML 页面。我决定使用 Less 4 CSS 框架

现在,我有两个页面要演示:

  1. 登录页面:在页面中心包含一个标题和一个登录表单。
  2. 通常的可疑页面:页眉、页脚、主要内容。

我不知道如何对 Less 网格进行分区以满足我的要求。Less 4网格如何划分和分区?

0 投票
1 回答
4693 浏览

asp.net-mvc-3 - ASP.NET MVC3 CSS 框架

我想知道,哪个 css 框架最适合 ASP.NET MVC 3?我已经尝试过yaml,我认为它有几个缺点,至少与 ASP.NET MVC 3 一起使用:

  1. 默认情况下使用按钮的输入(因此,与 jquery ui 不兼容,因为 jquery ui 例如在对话框中使用按钮)。
  2. 您需要调整 css 以进行 ASP.NET MVC 3 验证。
  3. 我不喜欢他们如何描述表单(这可能只是我对此的主观看法,无论如何,如果您希望坚持 yaml css 样式,则需要使用自定义编辑器)。
  4. 一些 CSS 类名不是很直观。

没什么,那将是阻碍,但也许有更好的选择 - 适用于 ASP.NET MVC 细节的东西,或者可能是适用于 yaml css 框架的 ASP.NET MVC 项目存根。

更新:OOCSS看起来不错,轻巧且结构良好,值得一试。
更新 2:TwitterBootstrap 也越来越流行,您可以在此处为 asp.net mvc 获取它http://nuget.org/packages/Twitter.Bootstrap

0 投票
1 回答
664 浏览

960.gs - 960 CSS 框架,如何获得完整的 960 宽度?

我使用 960 css 框架。我有这个代码:

960 在网格的左侧和右侧添加了 10 像素的装订线。我想使用完整的 960 宽度。所以我读到使用 alpha 和 omega 从左侧和右侧移除 10px 排水沟。然而,这是使用 960 框架的正确方法吗?

只是似乎不应该以这种方式使用。但我不想要左右两侧的间距。

0 投票
2 回答
3271 浏览

960.gs - 960 css 框架,alpha/omega 问题

我使用 960 css 框架。问题是我试图在 3 列布局中使用完整的 960 宽度。所以我使用容器 16 并使用 3 个带网格的 div。第一个和最后一个网格我使用 alpha 和 omega 来删除左右装订线。它正在删除 alpha 排水沟,但不是 omega 排水沟。这是html:

部分正文的 css 是:

这是问题的屏幕截图,您可以看到最后一个蓝色的 div 并没有一直向右。我究竟做错了什么?

在此处输入图像描述

更新

我尝试删除除 960 css 和 3 个 div 之外的所有样式,但我仍然遇到同样的问题。无论如何,我都无法让它达到整个 960 像素的宽度。它只会走 940px 宽度。

0 投票
2 回答
480 浏览

css - 一个关于960网格系统框架中text.css的问题

我目前正在为我的 CSS 项目使用 960 网格系统框架,并且我决定在他们建议的 text.css 文件中工作。我注意到他们建议的字体大小都以像素为单位,使用百分比不是更好吗?为什么你认为他们已经用像素消失了?

如果您在项目中使用 960,您有什么建议?

谢谢

0 投票
3 回答
312 浏览

html - 尝试从带有 css 和 html 的页面开始

我正在尝试让网页具有与 livingsocial 及其登录页面相同的设置。基本上中间有一个大 div,里面包含其他东西。

看看他们的 css,我发现他们使用了很多基于网格的设计

我对 CSS 完全没有了解,我正在寻找一个框架的帮助来让自己的事情变得更轻松。

问题

  • 生活社交也使用 CSS 框架吗?
  • 如果我想获得一个像 livingsocial 这样的网络模板,那么哪个框架是我最好的选择?我查看了蓝图 CSS,但他们的演示页面看起来不像我想要的
  • 今天我遇到了语义网格 css 系统(http://semantic.gs/),但再次无法理解如何/做什么来制作像生活社交这样的骨架。
  • 任何关于如何使用该框架的好的教程都会有很大帮助。
0 投票
2 回答
2344 浏览

css - 链接到 LESS css 时拒绝访问受限 URI

我刚刚下载了语义 CSS并正在运行示例,但在 Firefox 上看到了以下错误

下面是示例页面中的代码

我怎样才能摆脱这个错误?

0 投票
3 回答
13759 浏览

javascript - IE7 响应式设计的最佳解决方案/框架

对于那些仍然不了解响应式设计的人,我建议使用此链接

只要它不理解媒体查询,例如:

我正在考虑使用adapter.js,你可以这样做:

它应该与960 网格一起使用但是你仍然可以在那些 .css 中使用任何你喜欢的东西

但问题是您需要启用 JavaScript。我希望你们中的任何人都知道更灵活(响应迅速!)的解决方案,有吗?

0 投票
3 回答
2606 浏览

ruby-on-rails - Rails 3.1 中的 CSS 框架

您在 Rails 3.1 中使用哪个框架?

我基本上想要一套标准的 mixin,比如渐变和圆角等,但也许某些框架还有其他我不知道的优点。

您能否推荐一个与 Rails 3.1 一起使用的框架,以涵盖我简化和标准化样式表开发所需的大部分内容

0 投票
3 回答
12020 浏览

ruby-on-rails - 指南针与波旁框架

我正在开发一个 rails 3.1 应用程序。我想要一个涵盖渐变、阴影等的框架/库。Compass 一直很流行,但是让它与 rails 3.1 很好地配合对我来说是一个挑战,所以我选择了 Bourbon,它似乎也越来越流行。我想知道 Compass 和 Bourbon 之间的主要区别是什么。或者,如果您使用不同的框架,请分享。

  • 为什么你更喜欢一个框架而不是另一个?
  • 您是否遇到过其中任何一个与浏览器或 Rails 版本等的兼容性问题?
  • 哪个有更大或更好的 mixin 库?