Skip to content
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.
HTML CSS JavaScript
Find file
Latest commit cebfd81 Apr 13, 2016 @bootflat Merge pull request #87 from kkirsche/patch-2
Remove moot `version` property from bower.json
Failed to load latest commit information.
angularicons update version 2.0.0 Mar 6, 2014
bootflat update free psd image Oct 8, 2014
css update site.css Apr 29, 2015
fonts update version 2.0.0 Mar 6, 2014
img update free psd image Oct 8, 2014
js update bootstrap.js 3.3.0 Nov 12, 2014
.gitattributes add gitattributes, gitgnore and config.yml Apr 5, 2014
.gitignore update version number Apr 11, 2014
.travis.yml update version 2.0.2 Jun 5, 2014
Gruntfile.js support sass 3.4.9, modify gruntfile.js and package.json, min html Dec 7, 2014
LICENSE Initial commit Mar 5, 2014
README.markdown support sass 3.4.9, modify gruntfile.js and package.json, min html Dec 6, 2014
_config.yml support bootstrap 3.3.0 Nov 4, 2014
bower.json Remove moot `version` property from bower.json Jun 10, 2015
color-picker-blue.html modify ad Apr 29, 2015
color-picker-gray.html modify ad Apr 29, 2015
color-picker-green.html modify ad Apr 29, 2015
color-picker-pink.html modify ad Apr 29, 2015
color-picker-purple.html modify ad Apr 29, 2015
color-picker-red.html modify ad Apr 29, 2015
color-picker-yellow.html modify ad Apr 29, 2015
color-picker.html modify ad Apr 29, 2015
composer.json support bootstrap 3.3.0 Nov 4, 2014
documentation.html OCD pricing alignment Jun 8, 2015
favicon_16.ico favicon icon Mar 25, 2014
free-psd.html modify ad Apr 29, 2015
getting-started.html modify ad Apr 29, 2015
google45b338b882fada75.html update google Apr 22, 2014
index.html modify ad Apr 29, 2015
package.json support sass 3.4.9, modify gruntfile.js and package.json, min html Dec 6, 2014
sitemap.xml submit sitemap.xml Sep 1, 2014

README.markdown

__________               __    _____.__          __
\______   \ ____   _____/  |__/ ____\  | _____ _/  |_
 |    |  _//  _ \ /  _ \   __\   __\|  | \__  \\   __\
 |    |   (  <_> |  <_> )  |  |  |  |  |__/ __ \|  |
 |______  /\____/ \____/|__|  |__|  |____(____  /__|
        \/                                    \/

What is Bootflat?

Bower version NPM version Build Status

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.4.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 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

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 npm install bootflat
  • Install with bower 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:

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

LICENSE

Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.

Something went wrong with that request. Please try again.