logo标签列表

类似于Twitter Bootstrap的更多CSS工具包？

cssresourcesstylestoolkittwitter-bootstrap
42
我正在寻找一个可以找到CSS工具包和资源的地方，像流行的 Twitter Bootstrap 一样，这些资源都是已经准备好可供使用的。

有什么建议吗？

我认为包含所有关键“Web应用程序”元素（如警报、表单等）样式的CSS工具包是一种新事物 - 如果有更多的工具包出现，很可能会有人创建一个中央枢纽。 - Plattsy
12个回答
14
HTML5 Boilerplate不是CSS工具包，而是一个模板。 - iRaghu
@iRaghu，楼主询问CSS工具包和资源，而html5boilerplate就是一种资源。 - stephenmurdoch
8

最近Yahoo!创造了Pure（源代码在GitHub上可用）。

Pure提供：

  • 一个基于Normalize.css的CSS基础，以最小化跨浏览器问题。
  • 常见UI组件的样式，如列表，菜单，按钮，表格和表单。
  • 为所有设备构建网站的全面自适应网格系统。

它非常轻巧，总共只有4.4KB的minified和gzipped文件大小，相比于Bootstrap的20KB。可以从Yahoo!提供的CDN访问它。

它的创建是从新创建CSS规则优于覆盖/更改现有规则的角度出发的。因此，它默认提供了最少的样式（因此大小），您需要创建自己的样式。

7

语义化 UI 非常棒，如果你喜欢 bootstrap，那么你一定会更喜欢它！

6

我认为你会发现Zurb Foundation同样非常优秀，尤其是在IT技术方面。

3
选择任何UI框架取决于相关技术堆栈。我使用Semantic-UI (http://semantic-ui.com/) 和 AngularJS. 相信我，它们是为彼此而生的！
Semantic-UI对响应式网页设计和移动组件提供良好支持。
3

以下是一些你可能会喜欢使用的CSS框架列表...

  • Base - 响应式CSS框架，支持IE7+
  • BASSCSS - 低级CSS工具包
  • Bootflat - 具有扁平化设计主题的Bootstrap
  • Bootswatch - Bootstrap的主题集合
  • Bulma - 基于Flexbox的CSS框架
  • Cardinal - 移动端优先的小型CSS框架
  • Caramel - 简单、美观、响应式、现代化的CSS框架
  • HTML Starterkit - HTML5模板，用于启动响应式网站
  • Kube - 极简Web框架
  • Material Design Lite - HTML/CSS/JS中的Material Design Lite组件
  • Materialize - 基于Material Design的现代响应式前端框架
  • Metro UI - 用于开发Windows Metro Style网站的前端框架
  • Milligram - 快速起点的最小化样式设置。
  • mini.css - 最小、响应式、样式不可知的CSS框架/工具包
  • MUI - 实现Material Design的轻量级HTML/CSS/JS框架
  • Papier - 类似Material Design的最小CSS框架
  • Pavilion - 无主观意见的CSS框架
  • Picnicss - 轻量级UI库
  • Pure - 一组小型的响应式CSS模块
  • Semantic UI - 带有许多主题和元素的UI工具包
  • Skeleton - 简单、响应式的样板文件
  • Tachyons - 模块化UI框架
  • UIKit - 轻量级、模块化的前端框架
3
尝试使用另一个替代方案——Skeleton。
3
3
如果您只需要一个好的CSS框架，YAML也是一个很好的选择。
2

还有一个类似于Bootstrap的Twitter，可以尝试使用HTMLKickStart

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接