Work with Bootstrap 3.3.6 in Liferay 6.2

Question

I\'m working with Bootstrap 3 in Liferay 6.2. I inserted the bootstrap.css and bootstrap.min.js in the CSS and JS. I\'ve also changed some style in my custom.css incompatili

Answer 1

What do you think of this one:

" You need to do some tricks to make parts of bootstrap 3 work within liferay.

I have worked with a designer who really wanted to have bootstrap 3 in some parts of liferay..

Here is hoe I have done it: On the theme project, into the css file, I copied the bootstrap libraries. On that folder I created a scss file with the following code:

.bootstrap-3 { @import "bootstrap"; }

where the bootstrap indicates a file to be included, according to the scss rules: _bootstrap.scss which was basically a file made from the original css.

The trick is to work with namespaces wherever you need to use the library.

When calling AJAX content, we just need to add the class.. some times the CSS rules get trickier due to the amount of classes and id liferay uses, but paying with priorities should solve..

I rather use this approach as it is easier to control conflicts with the original library..."