Getting Started
An overview of Flat, folder structure, how to download, use it and examples.
What’s Included
Every downloaded copy of Flat is compressed. Once downloaded, unzip the compressed folder to get a structure like this:
flat
├── assets/
│ ├── css/
│ │ └── flat.css
│ └── js/
│ ├── flat.min.js
│ ├── html5shiv.js
│ └── respond.min.js
├── sass/
│ ├── helpers/
│ ├── mixins/
│ ├── modules/
│ └── flat.scss
├── config.rb
├── iconic.html
├── mixed.html
├── README.md
└── simple.html
- config.rb for sass project configuration.
- flat.css for style.
- flat.min.js for functionality.
- html5shiv.js to enable html5 sectioning in legacy browsers.
- respond.min.js to enable responsive media queries in legacy browsers.
Installation
Download
For existing Bootstrap projects, copy flat.css and flat.min.js to your project, the include it in your site.
<link rel="stylesheet" href="/path/to/flat.css">
<script src="/path/to/flat.min.js"></script>
For new projects, open simple.html, mixed.html or iconic.html and start typing code after nav.
<nav class="navbar navbar-static-top navbar-default">
...
</nav>
<!-- Start project -->