https://github.com/asika32764/bootstrap3-adapter
Write Bootstrap2 syntax, use Bootstrap3 styles.
https://github.com/asika32764/bootstrap3-adapter
bootstrap-css bootstrap2 bootstrap3 css twitter-bootstrap
Last synced: 10 months ago
JSON representation
Write Bootstrap2 syntax, use Bootstrap3 styles.
- Host: GitHub
- URL: https://github.com/asika32764/bootstrap3-adapter
- Owner: asika32764
- License: mit
- Created: 2014-03-18T07:11:20.000Z (almost 12 years ago)
- Default Branch: staging
- Last Pushed: 2015-05-19T13:47:34.000Z (over 10 years ago)
- Last Synced: 2025-04-13T06:11:33.365Z (10 months ago)
- Topics: bootstrap-css, bootstrap2, bootstrap3, css, twitter-bootstrap
- Language: CSS
- Homepage: http://simular.co/works/bootstrap3-adapter/
- Size: 4.93 MB
- Stars: 10
- Watchers: 4
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bootstrap 3 Adapter
[](https://github.com/igrigorik/ga-beacon)
Writing Bootstrap 2 syntax, using Bootstrap 3 styles.
## Introduction
### Why we need an adapter to fit old syntax?
Some system has written in Bootstrap2 (example: [Joomla CMS](http://www.joomla.org/)), but when Bootstrap3 release, it's not backward compatible.
This adapter can help developer working in Bootstrap 2 & 3 syntax that will not break their system when migrating to version 3, or make Bootstrap 2 system be flatten styles.
### How to use it
A html page written in Bootstrap 2 will be:
``` html
```
Then we remove Bootstrap 2 css and add Bootstrap 3 css:
``` html
```
Download and uncompress adapter zip file, we will get a file `bootstrap3-adapter.min.css`.
Add it after bootstrap css:
``` html
```
Now, a website written in Bootstrap 2 will be Bootstrap 3 flatten styles.
## Contribution
### Compiling less files
There is some less folders in this project.
- `less` => main less files of adapter.
- `less.2` => Bootstrap 2 less files
- `less.3` => Bootstrap 3 less files
If you want to modify some less files in this project, please run
```
$ grunt dist
```
to compile less files. The css file will generated to `dist` and `docs/asset` folders.
You can open `docs/index.html` in browser to test your code.
#### How to use Grunt?
Please see [Twitter Bootstrap: Compiling CSS and JavaScript](https://github.com/twbs/bootstrap/#compiling-css-and-javascript)
### Compress css files to zip
Run:
```
$ sh build/zip.sh
```
Will auto zip `dist/css/bootstrap3-adapter.css` and `dist/css/bootstrap3-adapter.min.css` to `asset/bootstrap3-adapter.zip`. Then we use this file to dispatch.
## About Bootstrap
This project is based on Twitter Bootstrap, please see [twbs/bootstrap](https://github.com/twbs/bootstrap/)