|
1 | | - __________ __ _____.__ __ |
2 | | - \______ \ ____ _____/ |__/ ____\ | _____ _/ |_ |
3 | | - | | _// _ \ / _ \ __\ __\| | \__ \\ __\ |
4 | | - | | ( <_> | <_> ) | | | | |__/ __ \| | |
5 | | - |______ /\____/ \____/|__| |__| |____(____ /__| |
6 | | - \/ \/ |
7 | | - |
8 | | -*** |
9 | | - |
10 | | -# What is Bootflat? |
11 | | - |
12 | | -[](http://badge.fury.io/bo/Bootflat) [](http://badge.fury.io/js/bootflat) [](https://travis-ci.org/bootflat/bootflat.github.io) |
13 | | - |
14 | | -BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps. |
15 | | - |
16 | | -Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`. |
17 | | - |
18 | | -Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`. |
19 | | - |
20 | | -Thanks for supporting our framework, and enjoy! |
21 | | - |
22 | | -# Preview |
23 | | - |
24 | | -For the designers, we offer a [free PSD](https://github.com/bootflat/Bootflat.UI.Kit.PSD) file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps. |
25 | | - |
26 | | - |
27 | | - |
28 | | -## Features: |
29 | | - |
30 | | -### 1. Bootstrap 3.2.0 |
31 | | -Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. |
32 | | - |
33 | | -### 2. HTML5 & CSS3 |
34 | | -Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization. |
35 | | - |
36 | | -### 3. Lightweight |
37 | | -Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down. |
38 | | - |
39 | | -### 4. Mobile first |
40 | | -Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes. |
41 | | - |
42 | | -## Quick start |
43 | | - |
44 | | -* Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git` |
45 | | -* Install with [npm](https://www.npmjs.org/) `npm install bootflat` |
46 | | -* Install with [bower](http://bower.io/) `bower install Bootflat` |
47 | | - |
48 | | -The source files are in the `bootflat/` folder. You can just grab the `bootflat/css/`, `bootflat/scss/`,`bootflat/js/` and `bootflat/img/` folders and you'll be good to go. |
49 | | - |
50 | | - |
51 | | - <!doctype html> |
52 | | - <html> |
53 | | - <head> |
54 | | - <title>Minimal Bootflat example</title> |
55 | | - <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
56 | | - <link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css"> |
57 | | - </head> |
58 | | - |
59 | | - <body> |
60 | | - <h1>Test bootflat</h1> |
61 | | - <a class="btn btn-primary">Flat button</a> |
62 | | - |
63 | | - <!-- Bootstrap --> |
64 | | - <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> |
65 | | - <script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
66 | | - |
67 | | - <!-- Bootflat's JS files.--> |
68 | | - <script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script> |
69 | | - <script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script> |
70 | | - <script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script> |
71 | | - |
72 | | - </body> |
73 | | - </html> |
74 | | - |
75 | | - |
76 | | -## Table of contents: |
77 | | - |
78 | | -+ [Home page](http://bootflat.github.io) |
79 | | -+ [Getting Started](http://bootflat.github.io/getting-started.html) |
80 | | -+ [Documentation](http://bootflat.github.io/documentation.html) |
81 | | -+ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html) |
82 | | -+ [Free PSD](http://bootflat.github.io/free-psd.html) |
83 | | -+ [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch) |
84 | | - |
85 | | -## Changelog: |
86 | | - |
87 | | -2014/9/3 version 2.0.4 `add widget: TimeLine` |
88 | | - |
89 | | -2014/8/26 add `color picker`, you can make a flat design with it |
90 | | - |
91 | | -2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing` |
92 | | - |
93 | | -2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper` |
94 | | - |
95 | | -2014/4/3 version 2.0.1 `support bootstrap 3.1.1` |
96 | | - |
97 | | -2014/3/6 version 2.0.0 `support bootstrap 3.0.1` |
98 | | - |
99 | | -## Community |
100 | | - |
101 | | -+ Follow [@flathemes on Twitter](https://twitter.com/flathemes). |
102 | | -+ Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues). |
103 | | - |
104 | | -## LICENSE |
105 | | - |
106 | | -Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository. |
| 1 | + __________ __ _____.__ __ |
| 2 | + \______ \ ____ _____/ |__/ ____\ | _____ _/ |_ |
| 3 | + | | _// _ \ / _ \ __\ __\| | \__ \\ __\ |
| 4 | + | | ( <_> | <_> ) | | | | |__/ __ \| | |
| 5 | + |______ /\____/ \____/|__| |__| |____(____ /__| |
| 6 | + \/ \/ |
| 7 | + |
| 8 | +*** |
| 9 | + |
| 10 | +# What is Bootflat? |
| 11 | + |
| 12 | +[](http://badge.fury.io/bo/Bootflat) [](http://badge.fury.io/js/bootflat) [](https://travis-ci.org/bootflat/bootflat.github.io) |
| 13 | + |
| 14 | +BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps. |
| 15 | + |
| 16 | +Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`. |
| 17 | + |
| 18 | +Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`. |
| 19 | + |
| 20 | +Thanks for supporting our framework, and enjoy! |
| 21 | + |
| 22 | +# Preview |
| 23 | + |
| 24 | +For the designers, we offer a [free PSD](https://github.com/bootflat/Bootflat.UI.Kit.PSD) file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps. |
| 25 | + |
| 26 | + |
| 27 | + |
| 28 | +## Features: |
| 29 | + |
| 30 | +### 1. Bootstrap 3.3.0 |
| 31 | +Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. |
| 32 | + |
| 33 | +### 2. HTML5 & CSS3 |
| 34 | +Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization. |
| 35 | + |
| 36 | +### 3. Lightweight |
| 37 | +Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down. |
| 38 | + |
| 39 | +### 4. Mobile first |
| 40 | +Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes. |
| 41 | + |
| 42 | +## Quick start |
| 43 | + |
| 44 | +* Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git` |
| 45 | +* Install with [npm](https://www.npmjs.org/) `npm install bootflat` |
| 46 | +* Install with [bower](http://bower.io/) `bower install Bootflat` |
| 47 | + |
| 48 | +The source files are in the `bootflat/` folder. You can just grab the `bootflat/css/`, `bootflat/scss/`,`bootflat/js/` and `bootflat/img/` folders and you'll be good to go. |
| 49 | + |
| 50 | + |
| 51 | + <!doctype html> |
| 52 | + <html> |
| 53 | + <head> |
| 54 | + <title>Minimal Bootflat example</title> |
| 55 | + <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"> |
| 56 | + <link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css"> |
| 57 | + </head> |
| 58 | + |
| 59 | + <body> |
| 60 | + <h1>Test bootflat</h1> |
| 61 | + <a class="btn btn-primary">Flat button</a> |
| 62 | + |
| 63 | + <!-- Bootstrap --> |
| 64 | + <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> |
| 65 | + <script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> |
| 66 | + |
| 67 | + <!-- Bootflat's JS files.--> |
| 68 | + <script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script> |
| 69 | + <script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script> |
| 70 | + <script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script> |
| 71 | + |
| 72 | + </body> |
| 73 | + </html> |
| 74 | + |
| 75 | + |
| 76 | +## Table of contents: |
| 77 | + |
| 78 | ++ [Home page](http://bootflat.github.io) |
| 79 | ++ [Getting Started](http://bootflat.github.io/getting-started.html) |
| 80 | ++ [Documentation](http://bootflat.github.io/documentation.html) |
| 81 | ++ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html) |
| 82 | ++ [Free PSD](http://bootflat.github.io/free-psd.html) |
| 83 | ++ [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch) |
| 84 | + |
| 85 | +## Changelog: |
| 86 | + |
| 87 | +2014/11/4 version 2.0.4 `support bootstrap 3.3.0` |
| 88 | + |
| 89 | +2014/9/3 version 2.0.4 `add widget: TimeLine` |
| 90 | + |
| 91 | +2014/8/26 add `color picker`, you can make a flat design with it |
| 92 | + |
| 93 | +2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing` |
| 94 | + |
| 95 | +2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper` |
| 96 | + |
| 97 | +2014/4/3 version 2.0.1 `support bootstrap 3.1.1` |
| 98 | + |
| 99 | +2014/3/6 version 2.0.0 `support bootstrap 3.0.1` |
| 100 | + |
| 101 | +## Community |
| 102 | + |
| 103 | ++ Follow [@flathemes on Twitter](https://twitter.com/flathemes). |
| 104 | ++ Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues). |
| 105 | + |
| 106 | +## LICENSE |
| 107 | + |
| 108 | +Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository. |
0 commit comments