twitter bootstrap - Enable (CSS) Stylesheet for only one div and it's contents -

i was looking (simple) wysiwyg editor jquery plugin that's compatible bootstrap 3. i've seen lot wysiwyg editors jquery plugin compatible previous bootstrap, website uses bootstrap 3, each time implemented such jquery plugin, bootstrap 3 ruin buttons , mess whole editor up.

so i'm asking whether there option enable bootstrap 2 stylesheet 1 div , contents.

i assume iframe work, then, need wysiwyg editor's contents (which in iframe then), along text inputs on 'non-iframe'.

one way might able solve scope css div. have implemented content management system have created.

let example give wysiwyg div id of htmleditable.

you target div css , css within div.

#htmleditable .wysiwyg{    ....css goes here }  #htmleditable p{    ....css goes here } 

the above css apply div. case of finding correct css need in div.

note may need override/reset css div stop bootstrap3 applying it.

here example of reset css. (you need scope make sure don't reset css).

edit: use less

to make easier can use less bootstrap uses.

     #htmleditable {       //import modal css        @import "bootstrap.css";     } 

you need make file 'htmleditable.less'. add code similar above. less them compile above css , scope in css #htmleditable

check out less site , ate nesting. after. site show how compile it.