Liferay 6.2 с Bootstrap 3 (изменить.aui)

Question

Я хотел бы изменить .aui Liferay 6.2. Прямо сейчас у меня есть Liferay 6.2 с Bootstrap 3. Когда я использую .row и КОНТЕЙНЕР вместо использования начальной загрузки 3 меня .aui получает по умолчанию. Например, если я поставлю .row класс децентрирован, потому что я ловлю .row Бутстрап 2.

Я мог бы пойти на моем custom.css добавление !important использовать Bootstrap 3 по умолчанию, но мне нравится видеть, есть ли лучший способ сделать это.

Я хотел бы использовать .row Bootstrap 3, так что я не добавляю дополнение капусты col-*-* из-за row-fluid,

Answer 1

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

В проекте темы в файл CSS я скопировал библиотеки Bootstrap. В этой папке я создал файл SCSS со следующим кодом:

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

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

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