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
__________ __ _____.__ __
\______ \ ____ _____/ |__/ ____\ | _____ _/ |_
| | _// _ \ / _ \ __\ __\| | \__ \\ __\
| | ( <_> | <_> ) | | | | |__/ __ \| |
|______ /\____/ \____/|__| |__| |____(____ /__|
\/ \/
***
# What is Bootflat?
[![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)
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.
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`.
Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.
Thanks for supporting our framework, and enjoy!
# Preview
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.
![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit")
## Features:
### 1. Bootstrap 3.2.0
Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
### 2. HTML5 & CSS3
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.
### 3. Lightweight
Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.
### 4. Mobile first
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.
## Quick start
* Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git`
* Install with [npm](https://www.npmjs.org/) `npm install bootflat`
* Install with [bower](http://bower.io/) `bower install Bootflat`
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.
<!doctype html>
<html>
<head>
<title>Minimal Bootflat example</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
</head>
<body>
<h1>Test bootflat</h1>
<a class="btn btn-primary">Flat button</a>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- Bootflat's JS files.-->
<script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>
</body>
</html>
## Table of contents:
+ [Home page](http://bootflat.github.io)
+ [Getting Started](http://bootflat.github.io/getting-started.html)
+ [Documentation](http://bootflat.github.io/documentation.html)
+ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html)
+ [Free PSD](http://bootflat.github.io/free-psd.html)
+ [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch)
## Changelog:
2014/9/3 version 2.0.4 `add widget: TimeLine`
2014/8/26 add `color picker`, you can make a flat design with it
2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing`
2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper`
2014/4/3 version 2.0.1 `support bootstrap 3.1.1`
2014/3/6 version 2.0.0 `support bootstrap 3.0.1`
## Community
+ Follow [@flathemes on Twitter](https://twitter.com/flathemes).
+ Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues).
## LICENSE
Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.
__________ __ _____.__ __
\______ \ ____ _____/ |__/ ____\ | _____ _/ |_
| | _// _ \ / _ \ __\ __\| | \__ \\ __\
| | ( <_> | <_> ) | | | | |__/ __ \| |
|______ /\____/ \____/|__| |__| |____(____ /__|
\/ \/
***
# What is Bootflat?
[![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)
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.
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`.
Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.
Thanks for supporting our framework, and enjoy!
# Preview
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.
![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit")
## Features:
### 1. Bootstrap 3.3.0
Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.
### 2. HTML5 & CSS3
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.
### 3. Lightweight
Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.
### 4. Mobile first
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.
## Quick start
* Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git`
* Install with [npm](https://www.npmjs.org/) `npm install bootflat`
* Install with [bower](http://bower.io/) `bower install Bootflat`
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.
<!doctype html>
<html>
<head>
<title>Minimal Bootflat example</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
</head>
<body>
<h1>Test bootflat</h1>
<a class="btn btn-primary">Flat button</a>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- Bootflat's JS files.-->
<script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>
</body>
</html>
## Table of contents:
+ [Home page](http://bootflat.github.io)
+ [Getting Started](http://bootflat.github.io/getting-started.html)
+ [Documentation](http://bootflat.github.io/documentation.html)
+ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html)
+ [Free PSD](http://bootflat.github.io/free-psd.html)
+ [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch)
## Changelog:
2014/11/4 version 2.0.4 `support bootstrap 3.3.0`
2014/9/3 version 2.0.4 `add widget: TimeLine`
2014/8/26 add `color picker`, you can make a flat design with it
2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing`
2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper`
2014/4/3 version 2.0.1 `support bootstrap 3.1.1`
2014/3/6 version 2.0.0 `support bootstrap 3.0.1`
## Community
+ Follow [@flathemes on Twitter](https://twitter.com/flathemes).
+ Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues).
## LICENSE
Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.
......
# Meta data
name: Bootflat
authors: flathemes
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.
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.
# Dependencies
pygments: true
......
......@@ -5,7 +5,7 @@
"authors": [
"flathemes <info@flathemes.com>"
],
"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.",
"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.",
"repository": {
"type": "git",
"url": "https://github.com/bootflat/bootflat.github.io.git"
......
{
"name": "bootflat/bootflat",
"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.",
"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.",
"version": "2.0.4",
"keywords": [
"mobile",
......
......@@ -119,49 +119,57 @@
<pre><code class="bash">bootflat/
├── css/
│ ├── bootflat.css
│ ├── bootflat.min.css
│ ├── bootflat.css.map
│ └── bootflat.min.css
├── js/
│ ├── icheck.min.js
│ ├── jquery.fs.selecter.min.js
│ ├── jquery.fs.stepper.min.js
│ ├── jquery.collapse.js
│ └── jquery.fs.stepper.min.js
├── fonts/
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.svg
│ ├── glyphicons-halflings-regular.ttf
│ ├── glyphicons-halflings-regular.woff
│ └── glyphicons-halflings-regular.woff
├── sass/
│ ├── bootflat.scss
│ ├── bootflat/
│ ├── global.scss
│ ├── typography.scss
│ └── bootflat/
│ ├── accordion.scss
│ ├── alert.scss
│ ├── breadcrumb.scss
│ ├── button.scss
│ ├── button_group.scss
│ ├── label_badge.scss
│ ├── tooltip.scss
│ ├── progress.scss
│ ├── breadcrumb.scss
│ ├── pagination.scss
│ ├── pager.scss
│ ├── form.scss
│ ├── calendar.scss
│ ├── checkbox_radio.scss
│ ├── alert.scss
│ ├── tab.scss
│ ├── pill.scss
│ ├── navbar.scss
│ ├── dropdown.scss
│ ├── footer.scss
│ ├── form.scss
│ ├── global.scss
│ ├── jumbotron.scss
│ ├── label_badge.scss
│ ├── list.scss
│ ├── media_list.scss
│ ├── modal.scss
│ ├── well.scss
│ ├── thumbnail.scss
│ ├── jumbotron.scss
│ ├── navbar.scss
│ ├── pager.scss
│ ├── pagination.scss
│ ├── panel.scss
│ ├── accordion.scss
│ ├── footer.scss
│ ├── dropdown.scss
│ ├── pill.scss
│ ├── popover.scss
│ ├── pricing.scss
│ ├── progress.scss
│ ├── selecter.scss
│ ├── stepper.scss
│ ├── tab.scss
│ ├── thumbnail.scss
│ ├── timeline.scss
│ ├── toggle.scss
│ ├── tooltip.scss
│ ├── typography.scss
│ └── well.scss
└── img/
└── check_flat/
└── default.png
├── default.png
└── default.psd
</code></pre>
</div>
<!-- CSS/SASS
......
......@@ -8,7 +8,7 @@
<!-- SmartAddon.com Verification -->
<meta name="smartaddon-verification" content="936e8d43184bc47ef34e25e426c508fe" />
<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">
<meta name="description" content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework.
<meta name="description" content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap 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.">
<link rel="shortcut icon" href="favicon_16.ico"/>
<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
<h1>
<img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework">
</h1>
<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>
<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>
<h3>Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</h3>
<p class="download-link">
<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
<div class="row">
<div class="col-md-6">
<div class="features__photo"><img src="img/feature-bootstrap.png" /></div>
<h4>Bootstrap 3.2.0</h4>
<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>
<h4>Bootstrap 3.3.0</h4>
<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>
</div>
<div class="col-md-6">
<div class="features__photo"><img src="img/feature-css.png" /></div>
......
......@@ -2,7 +2,7 @@
"name": "bootflat",
"private": false,
"version": "2.0.4",
"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.",
"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.",
"author":"Flathemes <info@flathemes.com>",
"homepage": "http://bootflat.github.com/",
"keywords": [
......