Liferay 6.2 with Bootstrap 3（修改.aui）

我想修改.aui Liferay 6.2。現在我有Bootstrap 3的Liferay 6.2。當我使用.row和CONTAINER而不是使用引導3我.aui默認情況下獲取。例如，如果我把.row類中有偏心，因爲我是捕捉.row引導2.Liferay 6.2 with Bootstrap 3（修改.aui）

我可以繼續我的custom.css添加!important使用默認的引導3，但我喜歡看是否有更好的方式來做到這一點。

我想使用.row Bootstrap 3，這樣我就不會因爲row-fluid而添加捲心菜col-*-*的填充。

來源

2016-03-03 JMF

一旦Bootstrap3完全運行在Liferay 6.2上，請分享它 - 目前爲止沒有人完成（並共享）它。根據各種問題，你會成爲英雄。這就是說，你的問題可能不會很快結束，你正在進行一場艱苦的戰鬥，現在可能更容易接受2.3並等待Liferay 7. –

Hello @OlafKock！感謝您的寫作。我評論說：我目前正在使用Bootstrap 3與Liferay 6.2一起工作。令人難以置信的是，我們發現沒有任何錯誤「或javascript，也沒有liferay擁有的功能」。我在Liferay的主題中插入了Bootstrap 3，並修改了一些特定於Liferay css的類，這些類與Bootstrap 3具有不兼容性。到目前爲止我發現的唯一問題是我必須使用.aui .row流，而不是使用.row，這使得我在.row，.container和.col - * - *之間填充很多。 – JMF

@OlafKock我正在做拉里奧哈大學「西班牙」新網站的主題。明天，我可以教一個漁獲物，告訴你我所做的事情，不會給出任何問題，並且正在與Bootstrap 3一起工作順利。在這裏，我留下了我在stackoverflow中打開的票證，解釋了這種可能性：http://stackoverflow.com/問題/ 35011112/work-with-bootstrap-3-3-6-in-liferay-6-2 – JMF

你需要做一些技巧來使Liferay中的Bootstrap 3的部分工作。我曾與一位真正想在Liferay的某些部分使用Bootstrap 3的設計師合作。這裏是鋤頭我已經做到了：

關於主題項目，在CSS文件中，我複製了Bootstrap庫。在該文件夾我創建了下面的代碼SCSS文件：列入

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

當引導指示文件，根據SCSS規則：_bootstrap.scss這基本上就是從原來的CSS製作的文檔。

訣竅是在需要使用庫的任何地方使用名稱空間。當調用AJAX內容時，我們只需要添加該類。由於Liferay使用的類和id的數量，CSS規則有時會變得更復雜，但是應該優先考慮支付優先級。我寧願使用這種方法，因爲更容易控制與原始圖書館的衝突。

來源

2016-03-17 18:04:19 Victor

Liferay 6.2 with Bootstrap 3（修改.aui）

回答

相關問題