Ich arbeite mit Bootstrap 3 in Liferay 6.2. Ich habe die Dateien bootstrap.css und bootstrap.min.js in CSS und JS eingefügt. Ich habe auch einen Stil in meinem custom.css inkompatibilidad @ geände

Hast du eine bessere Vorstellung davon?

Dann habe ich die Schritte angehängt, die ich ausgeführt habe, um Bootstrap 3 in mein Liferay 6.2 einzufügen. Das obige gibt mir ein paar Kompatibilitätsprobleme ... Ich würde gerne Ihre Meinung dazu hören, zB ob ein optimaler Code für die Arbeit mit diesen Tools und diesen Versionen geeignet ist. Ich brauche Ihre Hilfe, um dies zu verbessern und dass jeder mit Bootstrap 3 in Liferay 6.2 arbeiten kann. Das sind meine zwei Cent.

SCHRITTE

1 - Platziere das Bootstrap-CSS, JS und die Schriften in den _diffs-Verzeichnisordner in deinem Theme

2 - Wir öffnen oder erstellen die Datei main.css und rufen die Datei Bootstrap.css auf.

3 - Fügen Sie in portal_normal.vm zwei Aufrufe von JavaScript mit dem im obigen Schema angegebenen Namen hinzu.

4 - Wir fügen in custom.css CSS-Klassen ein, die mit der Standardversion 2.3.2 in Konflikt stehen. Liferay

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