Trabalhar com o Bootstrap 3.3.6 no Liferay 6.2

Estou trabalhando com o Bootstrap 3 no Liferay 6.2. Eu inseri o bootstrap.css e bootstrap.min.js no CSS e JS. Também mudei de estilo na incompatibilidade do meu custom.css

Você tem uma idéia melhor disso?

Em seguida, anexei as etapas que segui para inserir o Bootstrap 3 no meu Liferay 6.2. Bem acima, há alguns problemas de compatibilidade ... Gostaria da sua opinião, por exemplo, se um código mais ideal para trabalhar com essas ferramentas e versões. Preciso da sua ajuda para melhorar isso e que todos possam trabalhar com o Bootstrap 3 no Liferay 6.2. Estes são meus dois centavos.

PASSOS:

1 - Coloque o CSS, JS e fontes do Bootstrap na pasta do diretório _diffs dentro do seu tema

2 - Abrimos ou criamos o arquivo main.css e fazemos uma chamada para o arquivo Bootstrap.css

3 - No portal_normal.vm, adicione duas chamadas ao JavaScript com o nome mostrado no esquema acima.

4 - Inserimos classes CSS custom.css que conflitam com a versão 2.3.2 padrão do Liferay

--- CSS customizado ---

.signed-in .collapse {  display:block;  } 
.lfr-edit-layout-panel .collapse{  display:block; } 
.dockbar.navbar-static-top .collapse {      display: block;  } 
.navbar-inner .collapse{     display:block;   } 
.dockbar-ready section#content {    padding: 0 0 0 0;  }
 
.dockbar.navbar-static-top {
  background-color: transparent;
  padding: 0px;
}
.dockbar-messages{  display:none; }
 
.lfr-device-preview{  z-index: 1000;  }
 
.modal{   display:block; }
 
.modal-hidden{ display:none; }

questionAnswers(1)

yourAnswerToTheQuestion