Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
81292503 by bootflat
Options

support bootstrap 3.3.0

1 parent 170b55c5
Inline Side-by-side
Showing 8 changed files with 149 additions and 139 deletions
File mode changed
1 __________ __ _____.__ __ 1 __________ __ _____.__ __
2 \______ \ ____ _____/ |__/ ____\ | _____ _/ |_ 2 \______ \ ____ _____/ |__/ ____\ | _____ _/ |_
3 | | _// _ \ / _ \ __\ __\| | \__ \\ __\ 3 | | _// _ \ / _ \ __\ __\| | \__ \\ __\
4 | | ( <_> | <_> ) | | | | |__/ __ \| | 4 | | ( <_> | <_> ) | | | | |__/ __ \| |
5 |______ /\____/ \____/|__| |__| |____(____ /__| 5 |______ /\____/ \____/|__| |__| |____(____ /__|
6 \/ \/ 6 \/ \/
7 7
8 *** 8 ***
9 9
10 # What is Bootflat? 10 # What is Bootflat?
11 11
12 [![Bower version](https://badge.fury.io/bo/Bootflat.png)](http://badge.fury.io/bo/Bootflat) [![NPM version](https://badge.fury.io/js/bootflat.png)](http://badge.fury.io/js/bootflat) [![Build Status](https://travis-ci.org/bootflat/bootflat.github.io.svg?branch=master)](https://travis-ci.org/bootflat/bootflat.github.io) 12 [![Bower version](https://badge.fury.io/bo/Bootflat.png)](http://badge.fury.io/bo/Bootflat) [![NPM version](https://badge.fury.io/js/bootflat.png)](http://badge.fury.io/js/bootflat) [![Build Status](https://travis-ci.org/bootflat/bootflat.github.io.svg?branch=master)](https://travis-ci.org/bootflat/bootflat.github.io)
13 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. 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 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`. 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 17
18 Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`. 18 Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.
19 19
20 Thanks for supporting our framework, and enjoy! 20 Thanks for supporting our framework, and enjoy!
21 21
22 # Preview 22 # Preview
23 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. 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 25
26 ![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit") 26 ![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit")
27 27
28 ## Features: 28 ## Features:
29 29
30 ### 1. Bootstrap 3.2.0 30 ### 1. Bootstrap 3.3.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. 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 32
33 ### 2. HTML5 & CSS3 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. 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 35
36 ### 3. Lightweight 36 ### 3. Lightweight
37 Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down. 37 Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.
38 38
39 ### 4. Mobile first 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. 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 41
42 ## Quick start 42 ## Quick start
43 43
44 * Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git` 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` 45 * Install with [npm](https://www.npmjs.org/) `npm install bootflat`
46 * Install with [bower](http://bower.io/) `bower install Bootflat` 46 * Install with [bower](http://bower.io/) `bower install Bootflat`
47 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. 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 49
50 50
51 <!doctype html> 51 <!doctype html>
52 <html> 52 <html>
53 <head> 53 <head>
54 <title>Minimal Bootflat example</title> 54 <title>Minimal Bootflat example</title>
55 <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 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"> 56 <link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
57 </head> 57 </head>
58 58
59 <body> 59 <body>
60 <h1>Test bootflat</h1> 60 <h1>Test bootflat</h1>
61 <a class="btn btn-primary">Flat button</a> 61 <a class="btn btn-primary">Flat button</a>
62 62
63 <!-- Bootstrap --> 63 <!-- Bootstrap -->
64 <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> 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> 65 <script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
66 66
67 <!-- Bootflat's JS files.--> 67 <!-- Bootflat's JS files.-->
68 <script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script> 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> 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> 70 <script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>
71 71
72 </body> 72 </body>
73 </html> 73 </html>
74 74
75 75
76 ## Table of contents: 76 ## Table of contents:
77 77
78 + [Home page](http://bootflat.github.io) 78 + [Home page](http://bootflat.github.io)
79 + [Getting Started](http://bootflat.github.io/getting-started.html) 79 + [Getting Started](http://bootflat.github.io/getting-started.html)
80 + [Documentation](http://bootflat.github.io/documentation.html) 80 + [Documentation](http://bootflat.github.io/documentation.html)
81 + [Flat UI Color Picker](http://bootflat.github.io/color-picker.html) 81 + [Flat UI Color Picker](http://bootflat.github.io/color-picker.html)
82 + [Free PSD](http://bootflat.github.io/free-psd.html) 82 + [Free PSD](http://bootflat.github.io/free-psd.html)
83 + [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch) 83 + [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch)
84 84
85 ## Changelog: 85 ## Changelog:
86 86
87 2014/9/3 version 2.0.4 `add widget: TimeLine` 87 2014/11/4 version 2.0.4 `support bootstrap 3.3.0`
88 88
89 2014/8/26 add `color picker`, you can make a flat design with it 89 2014/9/3 version 2.0.4 `add widget: TimeLine`
90 90
91 2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing` 91 2014/8/26 add `color picker`, you can make a flat design with it
92 92
93 2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper` 93 2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing`
94 94
95 2014/4/3 version 2.0.1 `support bootstrap 3.1.1` 95 2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper`
96 96
97 2014/3/6 version 2.0.0 `support bootstrap 3.0.1` 97 2014/4/3 version 2.0.1 `support bootstrap 3.1.1`
98 98
99 ## Community 99 2014/3/6 version 2.0.0 `support bootstrap 3.0.1`
100 100
101 + Follow [@flathemes on Twitter](https://twitter.com/flathemes). 101 ## Community
102 + Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues). 102
103 103 + Follow [@flathemes on Twitter](https://twitter.com/flathemes).
104 ## LICENSE 104 + Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues).
105 105
106 Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository. 106 ## LICENSE
107
108 Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.
......
1 # Meta data 1 # Meta data
2 name: Bootflat 2 name: Bootflat
3 authors: flathemes 3 authors: flathemes
4 description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. 4 description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.
5 5
6 # Dependencies 6 # Dependencies
7 pygments: true 7 pygments: true
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 "authors": [ 5 "authors": [
6 "flathemes <info@flathemes.com>" 6 "flathemes <info@flathemes.com>"
7 ], 7 ],
8 "description": "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.", 8 "description": "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.",
9 "repository": { 9 "repository": {
10 "type": "git", 10 "type": "git",
11 "url": "https://github.com/bootflat/bootflat.github.io.git" 11 "url": "https://github.com/bootflat/bootflat.github.io.git"
......
1 { 1 {
2 "name": "bootflat/bootflat", 2 "name": "bootflat/bootflat",
3 "description": "An open source Flat UI KIT based on Bootstrap (3.2.0). A faster, easier and less repetitive way for web developers to create elegant web apps.", 3 "description": "An open source Flat UI KIT based on Bootstrap (3.3.0). A faster, easier and less repetitive way for web developers to create elegant web apps.",
4 "version": "2.0.4", 4 "version": "2.0.4",
5 "keywords": [ 5 "keywords": [
6 "mobile", 6 "mobile",
......
...@@ -119,49 +119,57 @@ ...@@ -119,49 +119,57 @@
119 <pre><code class="bash">bootflat/ 119 <pre><code class="bash">bootflat/
120 ├── css/ 120 ├── css/
121 │ ├── bootflat.css 121 │ ├── bootflat.css
122 │ ├── bootflat.min.css 122 │ ├── bootflat.css.map
123 │ └── bootflat.min.css
123 ├── js/ 124 ├── js/
124 │ ├── icheck.min.js 125 │ ├── icheck.min.js
125 │ ├── jquery.fs.selecter.min.js 126 │ ├── jquery.fs.selecter.min.js
126 │ ├── jquery.fs.stepper.min.js 127 │ └── jquery.fs.stepper.min.js
127 │ ├── jquery.collapse.js
128 ├── fonts/ 128 ├── fonts/
129 │ ├── glyphicons-halflings-regular.eot 129 │ ├── glyphicons-halflings-regular.eot
130 │ ├── glyphicons-halflings-regular.svg 130 │ ├── glyphicons-halflings-regular.svg
131 │ ├── glyphicons-halflings-regular.ttf 131 │ ├── glyphicons-halflings-regular.ttf
132 │ ├── glyphicons-halflings-regular.woff 132 │ └── glyphicons-halflings-regular.woff
133 ├── sass/ 133 ├── sass/
134 │ ├── bootflat.scss 134 │ ├── bootflat.scss
135 │ ├── bootflat/ 135 │ └── bootflat/
136 │ ├── global.scss 136 │ ├── accordion.scss
137 │ ├── typography.scss 137 │ ├── alert.scss
138 │ ├── breadcrumb.scss
138 │ ├── button.scss 139 │ ├── button.scss
139 │ ├── button_group.scss 140 │ ├── button_group.scss
140 │ ├── label_badge.scss 141 │ ├── calendar.scss
141 │ ├── tooltip.scss
142 │ ├── progress.scss
143 │ ├── breadcrumb.scss
144 │ ├── pagination.scss
145 │ ├── pager.scss
146 │ ├── form.scss
147 │ ├── checkbox_radio.scss 142 │ ├── checkbox_radio.scss
148 │ ├── alert.scss 143 │ ├── dropdown.scss
149 │ ├── tab.scss 144 │ ├── footer.scss
150 │ ├── pill.scss 145 │ ├── form.scss
151 │ ├── navbar.scss 146 │ ├── global.scss
147 │ ├── jumbotron.scss
148 │ ├── label_badge.scss
152 │ ├── list.scss 149 │ ├── list.scss
153 │ ├── media_list.scss 150 │ ├── media_list.scss
154 │ ├── modal.scss 151 │ ├── modal.scss
155 │ ├── well.scss 152 │ ├── navbar.scss
156 │ ├── thumbnail.scss 153 │ ├── pager.scss
157 │ ├── jumbotron.scss 154 │ ├── pagination.scss
158 │ ├── panel.scss 155 │ ├── panel.scss
159 │ ├── accordion.scss 156 │ ├── pill.scss
160 │ ├── footer.scss 157 │ ├── popover.scss
161 │ ├── dropdown.scss 158 │ ├── pricing.scss
159 │ ├── progress.scss
160 │ ├── selecter.scss
161 │ ├── stepper.scss
162 │ ├── tab.scss
163 │ ├── thumbnail.scss
164 │ ├── timeline.scss
165 │ ├── toggle.scss
166 │ ├── tooltip.scss
167 │ ├── typography.scss
168 │ └── well.scss
162 └── img/ 169 └── img/
163 └── check_flat/ 170 └── check_flat/
164 └── default.png 171 ├── default.png
172 └── default.psd
165 </code></pre> 173 </code></pre>
166 </div> 174 </div>
167 <!-- CSS/SASS 175 <!-- CSS/SASS
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <!-- SmartAddon.com Verification --> 8 <!-- SmartAddon.com Verification -->
9 <meta name="smartaddon-verification" content="936e8d43184bc47ef34e25e426c508fe" /> 9 <meta name="smartaddon-verification" content="936e8d43184bc47ef34e25e426c508fe" />
10 <meta name="keywords" content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors"> 10 <meta name="keywords" content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors">
11 <meta name="description" content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework. 11 <meta name="description" content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework.
12 And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps."> 12 And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.">
13 <link rel="shortcut icon" href="favicon_16.ico"/> 13 <link rel="shortcut icon" href="favicon_16.ico"/>
14 <link rel="bookmark" href="favicon_16.ico"/> 14 <link rel="bookmark" href="favicon_16.ico"/>
...@@ -51,7 +51,7 @@ And, for the designers, we offer a free PSD Download. It provides a faster, easi ...@@ -51,7 +51,7 @@ And, for the designers, we offer a free PSD Download. It provides a faster, easi
51 <h1> 51 <h1>
52 <img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework"> 52 <img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework">
53 </h1> 53 </h1>
54 <h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2> 54 <h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
55 <h3>Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</h3> 55 <h3>Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</h3>
56 <p class="download-link"> 56 <p class="download-link">
57 <a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.4)</a> 57 <a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.4)</a>
...@@ -89,8 +89,8 @@ And, for the designers, we offer a free PSD Download. It provides a faster, easi ...@@ -89,8 +89,8 @@ And, for the designers, we offer a free PSD Download. It provides a faster, easi
89 <div class="row"> 89 <div class="row">
90 <div class="col-md-6"> 90 <div class="col-md-6">
91 <div class="features__photo"><img src="img/feature-bootstrap.png" /></div> 91 <div class="features__photo"><img src="img/feature-bootstrap.png" /></div>
92 <h4>Bootstrap 3.2.0</h4> 92 <h4>Bootstrap 3.3.0</h4>
93 <p>Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p> 93 <p>Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
94 </div> 94 </div>
95 <div class="col-md-6"> 95 <div class="col-md-6">
96 <div class="features__photo"><img src="img/feature-css.png" /></div> 96 <div class="features__photo"><img src="img/feature-css.png" /></div>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 "name": "bootflat", 2 "name": "bootflat",
3 "private": false, 3 "private": false,
4 "version": "2.0.4", 4 "version": "2.0.4",
5 "description": "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.", 5 "description": "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.",
6 "author":"Flathemes <info@flathemes.com>", 6 "author":"Flathemes <info@flathemes.com>",
7 "homepage": "http://bootflat.github.com/", 7 "homepage": "http://bootflat.github.com/",
8 "keywords": [ 8 "keywords": [
......