richfaces与bootstrap CSS

是否可以(并且合理)在一个项目中将JSF与richfaces和bootstrap CSS样式结合使用.所以使用richfaces进行页面渲染,UI模型和ajax;将样式留给bootstrap和自定义CSS.

有人试过这个吗？这是一种超大的方法吗？

我使用richfaces 4.3 bootstrap 3已经有很长一段时间了,并认为它是一种成功的方法

这就是我所学到的：

> jquery版本冲突：两者都附带jQuery(bootstrap需要更新版本,而不是richfaces); doublecheck,如果你使用正确的jQuery实例,特别是使用$别名！
> richfaces skinning应该在web.xml中禁用
>来自CSS的引用等字体或图标等资源通常被声明为相对URL;这不适合JSF资源系统(解决方法见下文)
> JSF资源库支持和版本控制有助于管理不同的JS库

解决方案1：

使用此行创建一个static-resource-mappings.properties文件

jquery.js=org.richfaces.staticResource/jquery-1.10.2.js
jquery-migrate.js=org.richfaces.staticResource/jquery-migrate-1.2.1.js

在xhtml中,使用资源快捷方式：

<h:outputScript name="jquery.js"/>

check this – Richfaces 4 seems to be broken with JSF 2.2;建议的解决方法对我有用

可能的解决方案3：我将tomcat附带的静态资源servlet添加到web.xml并将相关资源(我的项目中的query-ui主题)放在/ static文件夹下

<servlet>
    <servlet-name>static-resource-servlet</servlet-name>
    <servlet-class>
      org.apache.catalina.servlets.DefaultServlet
    </servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>static-resource-servlet</servlet-name>
    <url-pattern>/static/*</url-pattern>
</servlet-mapping>