Вопрос по liferay-theme, twitter-bootstrap, twitter-bootstrap-3, liferay-6.2 – Работа с Bootstrap 3.3.6 в Liferay 6.2

4

Я работаю с 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; }
Каков твой вопрос? Alvaro Joao
Привет @AlvaroJoao! Это был не вопрос, а ответ на вопрос. Это трудная работа Проблемы Liferay 6.2 Bootstrap 3 несовместимы. Здесь я покажу, как можно сочетать оба. Я легко делаю тему с Bootstrap 3 в Liferay 6.2. Привет друг. Спасибо из Испании JMF

Ваш Ответ

1   ответ
1

«Вам нужно сделать несколько трюков, чтобы заставить части начальной загрузки 3 работать в пределах liferay.

Я работал с дизайнером, который действительно хотел иметь начальную загрузку 3 в некоторых частях LifeRay.

Вот как я это сделал: В проекте темы в файл css я скопировал библиотеки начальной загрузки. В этой папке я создал файл scss со следующим кодом:

.bootstrap-3 { @import "bootstrap"; }

где начальная загрузка указывает на файл, который должен быть включен, в соответствии с правилами scss: _bootstrap.scss, который был в основном файлом, созданным из оригинального css.

Хитрость заключается в том, чтобы работать с пространствами имен везде, где вам нужно использовать библиотеку.

При вызове AJAX-контента нам просто нужно добавить класс. Иногда CSS-правила усложняются из-за количества классов и идентификаторов, которые использует liferay, но решение с приоритетами должно решить проблему.

Я скорее использую этот подход, так как легче контролировать конфликты с исходной библиотекой ... »

Мы используем это с хорошими результатами здесь. Тем более, что мы не контролируем всех разработчиков, которые строят для этой системы, а некоторые вроде v3. дайте мне знать, как оно идет. Victor
можете отправить скриншоты пожалуйста ?? Приветствую и спасибо !!! JMF
Интересно...!! Вызов .bootstrap-3 {@import "bootstrap";} включил ее в обычай? Я говорю вам: не давайте мне моих проблем, но я не могу использовать ROW .. просто позвольте мне использовать row-жидкости, создавая тем самым 15 px другого пространства @victor JMF
Я думаю, вы можете поставить его на заказ, я создал новый CSS и добавил необходимые шаблоны. Это создаст новое пространство имен, и, добавив .bootstrap-3 к необходимым элементам, вы сможете использовать свою логику. Мне нравится этот способ лучше, потому что в Liferay есть много вещей, которые зависят от старого загрузчика, и вы, вероятно, не хотите с ним связываться. вы можете добавить к родительским элементам и посмотреть, достаточно ли этого ... просто имейте в виду, что liferay добавляет множество классов в несколько слоев, поэтому, если это не решит проблему, это, вероятно, является приоритетной проблемой - вы можете проявить творческий подход к этим .. Victor

Похожие вопросы