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?

1 Answer 1


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


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

  No bootstrap

You must log in to answer this question.

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