Работа с Bootstrap 3.3.6 в Liferay 6.2
Я работаю с Bootstrap 3 в Liferay 6.2. Я вставил bootstrap.css и bootstrap.min.js в CSS и JS. Я также изменил какой-то стиль в моем файле custom.css
У вас есть лучшее представление об этом?
Затем я приложил шаги, которым следовал, чтобы вставить Bootstrap 3 в мой Liferay 6.2. Выше приведено несколько проблем с совместимостью ... Мне бы хотелось узнать ваше мнение, например, если бы более оптимальный код для работы с этими инструментами и этими версиями Мне нужна ваша помощь, чтобы улучшить это, и чтобы каждый мог работать с Bootstrap 3 в Liferay 6.2. Это мои два цента.
ШАГИ:
1 - Поместите Bootstrap CSS, JS и шрифты в папку _diffs внутри вашей темы
2 - Открываем или создаем файл main.css и делаем вызов файла Bootstrap.css
3 - На portal_normal.vm добавьте два вызова JavaScript с именем, показанным на схеме выше.
4 - Мы вставляем в custom.css CSS классы, которые конфликтуют с версией 2.3.2 по умолчанию на одном Liferay
--- Пользовательские 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; }