更多的 CSS 工具包，比如 Twitter Bootstrap？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/7643608/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
More CSS toolkits like Twitter Bootstrap?
提问by Mark
I was looking for a place where I can find CSS toolkits and resources, ready to be used like the popular Twitter Bootstrap.
我正在寻找一个可以找到 CSS 工具包和资源的地方，可以像流行的Twitter Bootstrap一样使用。
Any tips?
有小费吗？
采纳答案by stephenmurdoch
html5boilerplateis my favoured toolkit
html5boilerplate是我最喜欢的工具包
回答by GordyD
Yahoo! have recently created Pure(source available on GitHub).
雅虎！最近创建了Pure（源代码可在GitHub 上获得）。
Pure provides:
Pure提供：
- A CSS Foundation built upon Normalize.cssso that cross-browser issues are minimised.
- Styling of common UI componentssuch as lists, menus, buttons, forms and tables.
- A comprehensive responsive grid systemfor building a site for all devices.
- 建立在Normalize.css之上的 CSS 基金会，以便最大限度地减少跨浏览器问题。
- 常见 UI 组件的样式，例如列表、菜单、按钮、表单和表格。
- 一个全面的响应式网格系统，用于为所有设备构建站点。
It is very lightweightwith a total footprint of 4.4KB minified and gzipped compared to Bootstrap's 20KB. It is accessible from a CDN that Yahoo! provides.
与 Bootstrap 的 20KB 相比，它非常轻巧，经过压缩和压缩后的总占用空间为 4.4KB。可以从 Yahoo! 的 CDN 访问它。提供。
It has been created with the viewpoint that creating new CSS rules is preferred to overwriting/altering existing ones. Therefore it is shipped with minimal styles out of the box (hence the size) - you have to create your own.
它的创建是基于创建新的 CSS 规则优于覆盖/更改现有规则的观点。因此，它带有开箱即用的最小样式（因此大小）-您必须创建自己的样式。
回答by newprog
Semantic UIis really great, if you liked bootstrap, you should like it even more!
Semantic UI真的很棒，如果你喜欢 bootstrap，你应该更喜欢它！
回答by Saad
I think you will find Zurb Foundationto be very good as well
我想你会发现Zurb Foundation也非常好
回答by Roshana Pitigala
Here's a list of CSS frameworks which you may enjoy working with...
这是您可能喜欢使用的 CSS 框架列表...
- base- Responsive CSS framework with IE7+ support
- BASSCSS- Low-level CSS toolkit
- bootflat- Bootstrap with a flat design theme
- Bootswatch- A collection of themes for Bootstrap
- bulma- CSS framework based on Flexbox
- cardinal- Cardinal is a small mobile first CSS framework
- caramel- A simple, beautiful, responsive, modern CSS framework
- HTML Starterkit- HTML5 template to kick off your responsive websites
- kube- Minimalistic Web framework
- Material Design Lite- Material Design Lite Components in HTML/CSS/JS
- materialize- A modern responsive front-end framework based on Material Design
- Metro UI- A front-end framework for developing website in Windows Metro Style
- milligram- Minimal setup of styles for a fast starting point.
- mini.css- A minimal, responsive, style-agnostic CSS framework/toolkit
- mui- A Lightweight HTML/CSS/JS Framework implementing Material Design
- papier- Material design like minimal CSS framework
- pavilion- Unopinionated CSS framework
- picnicss- Lightweight UI library
- pure- A set of small, responsive CSS modules
- semantic-ui- UI Kit with lots of themes and elements
- skeleton- A dead simple, responsive boilerplate
- tachyons- Modular UI framework
- uikit- A lightweight and modular front-end framework
- base- 支持 IE7+ 的响应式 CSS 框架
- BASSCSS- 低级 CSS 工具包
- bootflat- 具有平面设计主题的 Bootstrap
- Bootswatch- Bootstrap 的主题集合
- bulma- 基于 Flexbox 的 CSS 框架
- cardinal- 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 风格中开发网站的前端框架
- 毫克- 快速起点的最小样式设置。
- mini.css- 一个最小的、响应式的、与样式无关的 CSS 框架/工具包
- mui- 实现 Material Design 的轻量级 HTML/CSS/JS 框架
- 纸- 材料设计，如最小的 CSS 框架
- pavilion- 没有意见的 CSS 框架
- picnicss- 轻量级 UI 库
- pure- 一组小的、响应式的 CSS 模块
- Semantic-ui- 具有许多主题和元素的 UI 套件
- 骨架- 一个非常简单，响应式样板
- tachyons- 模块化 UI 框架
- uikit- 一个轻量级的模块化前端框架
回答by Tony Puthenveettil
Selection of any UI framework depends on the related technology stack. I use Semantic-UI (http://semantic-ui.com/) with AngularJS. Believe me, they are made for each other!
任何 UI 框架的选择都取决于相关的技术堆栈。我在 AngularJS 中使用 Semantic-UI ( http://semantic-ui.com/)。相信我，它们是为彼此而生的！
Semantic-UI gives good support for responsive web design and mobile components.
Semantic-UI 为响应式网页设计和移动组件提供了良好的支持。
回答by pklaus
回答by user2244112
there is another one similar to bootstrap twitter , try HTMLKickStart
还有一个类似于 bootstrap twitter 的，试试HTMLKickStart
