mattlewis92 / angular-bootstrap-calendar

A port of the bootstrap calendar widget to AngularJS (no jQuery required!)
https://mattlewis92.github.io/angular-bootstrap-calendar/
MIT License
798 stars 367 forks source link

how to use bootstrap.min.css in calendar without overwrite my entire style page #630

Closed anrras closed 7 years ago

anrras commented 7 years ago

Hi, i want to use the calendar in a single page app, but the bootstrap stylesheet overwrite too many styles of my another components... is possible to use the only-needed class of bootstrap for a good integration with another styles?

burtek commented 7 years ago

One solution would be to re-use bootstrap .less files and compile this to CSS:

.bootstrap {
    @import "/path-to-bootstrap-less.less";
    @import "/path-to-bootstrap-responsive-less.less";
}

(source)

Then you need to put calendar inside div.bootstrap. This solution makes bootstrap CSS apply only to elements inside .bootstrap class.

burtek commented 7 years ago

Closing for inactivity.