Twitter bootstrap Liferay 6.2和引导程序3(modify.aui)

Twitter bootstrap Liferay 6.2和引导程序3(modify.aui),twitter-bootstrap,twitter-bootstrap-3,liferay,liferay-6,liferay-theme,Twitter Bootstrap,Twitter Bootstrap 3,Liferay,Liferay 6,Liferay Theme,我想修改.auiLiferay 6.2。现在我有Liferay 6.2和Bootstrap 3。当我使用.row和容器而不是使用bootstrap3me时,默认情况下.aui获取。例如,如果我放置.row类是分散的,因为我正在捕获.row引导程序2 我可以继续我的custom.css添加!重要信息使用默认引导3,但我想看看是否有更好的方法 我想使用.row引导程序3,这样我就不会添加卷心菜col-*-*的填充,因为row流体您需要做一些技巧,使引导程序3的部分在Liferay中工作。我曾与一位设

我想修改
.aui
Liferay 6.2。现在我有Liferay 6.2和Bootstrap 3。当我使用
.row
和容器而不是使用bootstrap3me
时,默认情况下.aui
获取。例如,如果我放置
.row
类是分散的,因为我正在捕获
.row
引导程序2

我可以继续我的
custom.css
添加
!重要信息
使用默认引导3,但我想看看是否有更好的方法


我想使用
.row
引导程序3,这样我就不会添加卷心菜
col-*-*
的填充,因为
row流体

您需要做一些技巧,使引导程序3的部分在Liferay中工作。我曾与一位设计师合作,他非常希望在Liferay的某些部分使用Bootstrap3。以下是我所做的:

在主题项目中,我将引导库复制到CSS文件中。 在该文件夹上,我创建了一个SCSS文件,其代码如下:

.bootstrap-3 {
  @import "bootstrap";
}
根据SCSS规则,引导表示要包含的文件:
\u Bootstrap.SCSS
,它基本上是由原始CSS生成的文件


诀窍是在需要使用库的任何地方使用名称空间。调用AJAX内容时,我们只需要添加类。有时,由于Liferay使用的类和id的数量,CSS规则变得更加棘手,但支付优先级应该可以解决问题。我宁愿使用这种方法,因为它更容易控制与原始库的冲突。

一旦您在Liferay 6.2上完全运行Bootstrap3,请共享它-到目前为止还没有人这样做(并共享)。根据各种各样的问题,你会成为英雄。也就是说,你的问题可能不会很快结束,你正在打一场艰苦的战斗,现在接受2.3并等待Liferay 7可能会更容易。你好@OlafKock!谢谢你的来信。我评论道:我目前正在使用Liferay 6.2和Bootstrap 3。令人难以置信的是,我们没有发现任何错误“或javascript,也没有liferay自己的功能”。我以Liferay为主题插入了Bootstrap3,并修改和添加了一些特定于Liferay css的类,这些类与Bootstrap3不兼容。到目前为止,我发现的唯一问题是,我必须与Au.Lo.Fipe合作,而不是与.ROW一起工作,这给我在.ROW、.Cultor和Cal..@ OLAFKOKE之间填充了很多填充物。我正在做拉里奥哈“西班牙”大学新网站的主题。明天,我可以教你一个catch,告诉你我所做的,不会给你带来问题,我正在顺利地使用bootstrap3。在这里,我留下我在stackoverflow打开的车票,解释这是怎么可能的:@OlafKock来自阿斯图里亚斯(西班牙)的问候!!!