How to use bootstrap in a single div

Question

(sorry bad english..) is it possible to use the bootstrap grid in only one area (center div), not the whole site. The rest of the page should not be styled by bootstraps css rules. Thx

Answer 1

You can put all bootstrap css in .scss file and wrap all rules inside your own class which you can apply later on containers where you want bootstrap rules to be applied.

.enable-bootstrap {
   /* all bootstrap rules goes here */
}

After compiling this .scss file you will get all bootstrap rules starts with .enable-bootstrap so they will be applied only for content inside container with class enable-bootstrap