Neolithic Programming Machine

    rework-bootstrap

    1.0.2 • Public • Published

    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('.nested-bootstrap'))
      .toString();
    fs.writeFileSync(target, css, 'utf-8');

    tests

    mocha

    license

    MIT

    Keywords

    none

    Install

    npm i rework-bootstrap

    DownloadsWeekly Downloads

    1

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • andineck