1.0.2 • Published 10 years ago
rework-bootstrap v1.0.2
rework-bootstrap
make bootstrap css non obtrusive
description
- did you ever want to use twitter bootstrap, but not in every place?
- or did you want to have two different bootstrap versions on the same page?
here's one possible solution for you:
html-usage
Just wrap the elements that use the custom bootstrap build in a div like this:
<div class="nested-bootstrap">
... inline editing that uses the custom twitter bootstrap build of this rework plugin.
</div>
With this, the custom bootstrap does not interfere with your custom styles.
The custom bootstrap styles are only applied within the elements inside of the elements with the class nested-bootstrap
.
plugin-usage
install: npm install rework rework-bootstrap
usage:
var src = './test/fixtures/bootstrap.css';
var target = './test/outputs/rework-bootstrap.css';
var fs = require('fs');
var rework = require('rework');
var bootstrap = require('rework-bootstrap');
var css = fs.readFileSync(src, 'utf-8');
css = rework(css)
.use(bootstrap('.bootstrap-admin'))
.toString();
fs.writeFileSync(target, css, 'utf-8');
license
MIT