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; }