javascript - 如果导入 bootstrap css 到 liferay 会出错

Question

在我的liferay项目中我导入了js和css

<portlet>
        <portlet-name>Register</portlet-name>
        <icon>/icon.png</icon>
        <header-portlet-css>/css/main.css</header-portlet-css>
        <header-portlet-css>/css/style.css</header-portlet-css>
        <header-portlet-css>/css/bootstrap.min.css</header-portlet-css>
        <footer-portlet-javascript>/js/jquery.min.js</footer-portlet-javascript>        
        <footer-portlet-javascript>/js/main.js</footer-portlet-javascript>
        <footer-portlet-javascript>/js/bootstrap.min.js</footer-portlet-javascript>

但是在我的 http://localhost:8080/ 中管理工具被隐藏(添加、预览、编辑...)。当我删除 bootstrap.css 时，它显示了。能告诉我原因吗？如何将 bootstrap 与 liferay 一起使用

Answer 1

Bootstrap CSS已经包含在Liferay中，如果您使用Liferay 6.2，则bootstrap的版本是2.3.2:所以您可以只使用他的类，例如spanX，container 抄送...

但是 bootstrap 的 JS 不 包含在内，它们被复制(或多或少)为 Alloy :Liferay的JS框架。