2

I'm developing some lightning components for the Napili template, but adding bootstrap css to the component and adding it to the template interferes with its styling. I read a couple of articles about namespacing my components, I'm not working on a developer org and cannot set the namespace.

How can I avoid affecting the Napili template's styling?

Improve this question

1 Answer 1

Reset to default
4

You can de-scope the bootstrap from entire Napili Template. Instead apply for specific sections.

This can be done using Less.js

.bootstrap-div {
    //put the bootstrap @includes here
}

so 

<div class="bootstrap-div"> 
   Bootstrap works here
</div>

<div>
  No bootstrap
</div>
Improve this answer
1

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .