Trabajar con Bootstrap 3.3.6 en Liferay 6.2

Estoy trabajando con Bootstrap 3 en Liferay 6.2. Inserté el bootstrap.css y bootstrap.min.js en el CSS y JS. También he cambiado algo de estilo en mi incompatibilidad custom.css

¿Tienes una mejor idea?

Luego adjunté los pasos que seguí para insertar Bootstrap 3 en mi Liferay 6.2. Más arriba me da algunos problemas de compatibilidad ... Me gustaría su opinión, por ejemplo, si un código más óptimo para trabajar con estas herramientas y estas versiones. Necesito tu ayuda para mejorar esto y que todos puedan trabajar con Bootstrap 3 en Liferay 6.2. Estos son mis dos centavos.

PASOS:

1 - Coloque el CSS, JS y las fuentes de Bootstrap en la carpeta del directorio _diffs dentro de su tema

2 - Abrimos o creamos el archivo main.css y hacemos una llamada al archivo Bootstrap.css

3 - En el portal_normal.vm agregue dos llamadas a JavaScript con el nombre que se muestra en el esquema anterior.

4 - Insertamos en CSS custom.css clases que entran en conflicto con la versión 2.3.2 predeterminada de un Liferay

--- custom.css ---

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

Respuestas a la pregunta(1)

Su respuesta a la pregunta