https://github.com/electerious/basicfit
Turn elements on your site into a responsive unified grid.
https://github.com/electerious/basicfit
Last synced: 8 months ago
JSON representation
Turn elements on your site into a responsive unified grid.
- Host: GitHub
- URL: https://github.com/electerious/basicfit
- Owner: electerious
- License: mit
- Archived: true
- Created: 2014-05-27T12:42:09.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2017-05-03T15:41:50.000Z (about 9 years ago)
- Last Synced: 2025-10-13T01:17:54.790Z (9 months ago)
- Language: CoffeeScript
- Homepage:
- Size: 10.7 KB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# [Deprecated] basicFit
Turn elements on your site into a responsive unified grid.
## Installation
bower install basicFit
## Requirements
basicFit requires jQuery >= 2.1.0
## How to use
####1. Include the files
```html
```
####2. Build a simple structure
```html
```
####3. Set a margin and max-min-width
```css
#content {
display: inline-block;
margin: 0 0 20px 0;
}
.element {
float: left;
margin: 20px 0 0 20px;
min-width: 300px;
max-width: 500px;
background-color: #000;
}
```
####4. Initialize basicFit
```coffee
basicFit.init '#content', '.element'
```
####5. Refresh after adding a new element
```coffee
$('#content').append element
basicFit.refresh()
```