Skip to main content
Announcements
Join us at Qlik Connect for 3 magical days of learning, networking,and inspiration! REGISTER TODAY and save!
cancel
Showing results for 
Search instead for 
Did you mean: 
Anonymous
Not applicable

Bootstrap CSS issue in Qlik Sense extension

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. 

1 Solution

Accepted Solutions
Alexander_Thor
Employee
Employee

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.

View solution in original post

2 Replies
Alexander_Thor
Employee
Employee

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.

Anonymous
Not applicable
Author

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.