topic Re: Bootstrap CSS issue in Qlik Sense extension in Integration, Extension & APIs

Bootstrap CSS issue in Qlik Sense extension

Anonymous — Mon, 06 Mar 2017 15:42:25 GMT

Hi everyone,

I'm trying to build an Angular JS Extension for Qlik Sense and I'm using Bootstrap framework to stylize it but I've encountered an issue: when I put my extension into the Sense grid some UI elements disappeared. I think Bootstrap is overwriting some Sense CSS rules. How can i solve this?

Thanks in advance.

Re: Bootstrap CSS issue in Qlik Sense extension

Alexander_Thor — Tue, 07 Mar 2017 10:36:46 GMT

Yes, bootstrap will style the entire page as it's intended to do.
You could apply a css prefix to bootstrap however, download the source and via less/scss/postcss or whatever css loader you are using you should be able to easily import bootstrap under your own namespace.

Re: Bootstrap CSS issue in Qlik Sense extension

Anonymous — Tue, 07 Mar 2017 14:41:38 GMT

It is exactly what I've done soon after posting the question, now everything works fine. For anyone that encounter this problem here it is a guide that could help.

Using Bootstrap CSS in Qlik Sense Visualization Extensions | qliksite.io‌

Thanks Alexander for your explanation.