You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
4.6 KiB
105 lines
4.6 KiB
__________ __ _____.__ __
|
|
\______ \ ____ _____/ |__/ ____\ | _____ _/ |_
|
|
| | _// _ \ / _ \ __\ __\| | \__ \\ __\
|
|
| | ( <_> | <_> ) | | | | |__/ __ \| |
|
|
|______ /\____/ \____/|__| |__| |____(____ /__|
|
|
\/ \/
|
|
|
|
***
|
|
|
|
# What is Bootflat?
|
|
|
|
[](http://badge.fury.io/bo/Bootflat) [](http://badge.fury.io/js/bootflat) [](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.
|
|
|
|
|
|
|
|
## 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)
|
|
+ [Free PSD](http://bootflat.github.io/free-psd.html)
|
|
+ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html)
|
|
|
|
## Changelog:
|
|
|
|
2014/8/26 version 2.0.4 `add widgets: 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.
|
|
|