[UI]Flat UI - Free Boorstrap Framework and Theme

----------------------------------------------------------------------------------------------------------

Flat UI Free - Design Framework (html/css3/less/js). Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites.

[Flat UI Free]　　　　　　FlatUI主頁：(http://designmodo.github.io/Flat-UI/)

[Bootstrap]　　　　　　　Bootstrap主頁：(http://getbootstrap.com)

[getting started page]　　開始指導：(http://designmodo.github.io/Flat-UI/docs/getting-started.html)

 

--------------------------------@黑眼詩人 <www.farwish.com> Translate-------------------------------

連接:

[Demo Page]　　　　例子：(http://designmodo.github.io/Flat-UI/)

[Download PSD]　　下載素材：(http://designmodo.com/flat-free/) (for designers)

[Flat UI Pro 1.3.0]　收費版本：(http://designmodo.com/flat/) (from $39)

 

快速開始:

[Download the latest release]　　下載最新發布版本：(https://github.com/designmodo/Flat-UI/archive/2.2.0.zip)

　　　　　　　　　　　　　　　　　或直接從Git上下載: `git clone https://github.com/designmodo/Flat-UI.git`

　　　　　　　　　　　　　　　　　或使用包管理器Bower安裝[Bower](http://bower.io): `bower install flat-ui`

　　　　　　　　　　　　　　　　　例子: <https://github.com/designmodo/Flat-UI/tree/master/docs/examples>. 

FlatUI都包含哪些：

flat-ui/
├── dist/
| ├── css/
| | ├── vendors/
│ | ├── flat-ui.css
│ | └── flat-ui.min.css
| ├── js/
| | ├── vendors/
│ | ├── flat-ui.js
│ | └── flat-ui.min.js
| ├── fonts/
| | ├── lato/
| | └── glyphicons/
| | ├── flat-ui-icons-regular.eot
| | ├── flat-ui-icons-regular.svg
| | ├── flat-ui-icons-regular.ttf
| | ├── flat-ui-icons-regular.woff
| | └── selection.json
| ├── img/
| └── index.html
├── docs/
| ├── examples/
| ├── components.html
| ├── getting-started.html
| └── template.html
├── fonts/
| ├── glyphicons/
| └── lato/
├── img/
├── js/
└── less/
├── mixins/
├── modules/
├── flat-ui.less
├── mixins.less
└── variables.less

提供完整的CSS和JS(`flat-ui.*`)，一樣有壓縮過的最小的CSS和JS(`flat-ui.min.*`)，字體和圖標都包含在內。

 

文檔：

Flat UI的文檔包含在它的包中的docs目錄中，公共文檔在GitHub主頁上：http://designmodo.github.io/Flat-UI/docs/components.html

 

做者：

**Sergey Shmidt**

+ <http://shmidt.in>
+ <http://twitter.com/monstercritic>

**Sergii Iurevych**

+ <http://twitter.com/iurevych>
+ <http://github.com/iurevych>

**Dmitry Pytkin**

+ <http://twitter.com/pytkin>
+ <http://github.com/pytkin>

 

版權和協議：

　　CC BY 3.0(http://creativecommons.org/licenses/by/3.0/)

　　MIT License(http://opensource.org/licenses/mit-license.html)

 

字體:

　　字體：http://www.google.com/webfonts/specimen/Lato

有用的連接 (如何使用):

　　初學者視頻提示: <http://designmodo.com/how-to-use/>
　　UI界面工具箱: <http://designmodo.com/benefits/>

 

　　使用UI Packs建立一個網站 (PSD to HTML) – Day 1: <http://designmodo.com/create-website-day-1>

　　使用UI Packs建立一個網站 (PSD to HTML) – Day 2: <http://designmodo.com/create-website-day-2>

　　使用UI Packs建立一個網站 (PSD to HTML) – Day 3: <http://designmodo.com/create-website-day-3>

　　使用Bricks UI設計建立一個網站: <http://designmodo.com/website-design-bricks-ui/>

　　什麼是UI Kit，爲何你應該使用它: <http://designmodo.com/ui-kit-use>

　　公司怎麼使用UI Kits節省時間和金錢: <http://designmodo.com/save-time-money-using-ui-kits>

　　爲開發者準備的UI Kits – 原型和自制的設計: <http://designmodo.com/ui-kits-developers>

　　Designmodo上更多的產品: <http://designmodo.com/shop/>

　　教程: <http://designmodo.com/tutorials/>

　　免費: <http://designmodo.com/freebies/>

　　聯盟計劃 (賺錢): <http://designmodo.com/affiliates/>

社會媒體:

　　Twitter: <http://www.twitter.com/designmodo>

　　Facebook: <http://www.facebook.com/designmodo>

　　RSS: <http://feeds.feedburner.com/designmodo>

　　Google+: <https://www.google.com/+DesignModo>