小编JMF*_*JMF的帖子

在Liferay 6.2中使用Bootstrap 3.3.6

我正在使用Liferay 6.2中的Bootstrap 3。我在CSS和JS中插入了bootstrap.css和bootstrap.min.js。我也更改了我的custom.css中的某些样式

您对它有更好的主意吗?

然后,我附加了将Bootstrap 3插入Liferay 6.2的步骤。上面的内容为我提供了一些兼容性问题...我想征询您的意见,例如是否有更适合于这些工具和这些版本的代码。我需要您的帮助来改善这一点,并且每个人都可以使用Liferay 6.2中的Bootstrap 3。这是我的两分钱。

脚步:

1-将Bootstrap CSS,JS和字体放在主题内的_diffs目录文件夹中

2-我们打开或创建main.css文件,并调用文件Bootstrap.css

3-在portal_normal.vm上,以上述方案中显示的名称添加对JavaScript的两个调用。

4-我们将与2.3.2版本默认的Liferay版本冲突的custom.css CSS类插入

-custom.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; }
Run Code Online (Sandbox Code Playgroud)

liferay-theme twitter-bootstrap twitter-bootstrap-3 liferay-6.2

5
推荐指数
1
解决办法
1429
查看次数