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

Я хотел бы изменить .aui Liferay 6.2. Прямо сейчас у меня есть Liferay 6.2 с Bootstrap 3. Когда я использую .row и CONTAINER вместо использования bootstrap 3 меня .aui получает по умолчанию. Например, если я ставлю .row класса является децентрированным, потому что ловит .row Bootstrap 2.Liferay 6.2 with Bootstrap 3 (изменить .aui)

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

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

источник

2016-03-03 JMF

Как только у вас есть Bootstrap3, полностью работающий на Liferay 6.2, поделитесь им - никто не сделал (и не поделился) его до сих пор. Согласно различным вопросам, вы были бы героем. Это значит, что ваши проблемы, вероятно, не скоро закончится, вы сражаетесь с тяжелой битвой, и сейчас может быть легче принять 2.3 и ждать Liferay 7. –

Здравствуйте, @OlafKock! Спасибо за письмо. Я прокомментировал: в настоящее время я работаю с Liferay 6.2 с помощью Bootstrap 3. Невероятно не обнаружили никакой ошибки "или javascript, а также функциональность liferay own". Я вставил Bootstrap 3 на тему Liferay и изменил и добавил некоторые классы, специфичные для Liferay css, которые несовместимо работали с Bootstrap 3. Единственная проблема, которую я нашел до сих пор, это то, что мне приходится работать с .aui .row -fluid вместо этого работать с .row, что дает мне много дополнений между .row, .container и .col - * - *. – JMF

@OlafKock Я занимаюсь темой нового веб-сайта Университета Ла-Риоха «Испания». Завтра я могу научить уловку, чтобы показать вам, что то, что я сделал, не дает проблем и нормально работает с Bootstrap 3. Здесь я оставляю билет, который я открыл в stackoverflow, объясняя, как это возможно: http://stackoverflow.com/ вопросы/35011112/work-with-bootstrap-3-3-6-in-liferay-6-2 – JMF

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

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

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

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

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

источник

2016-03-17 18:04:19 Victor

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

ответ

Смежные вопросы