richfaces with bootstrap CSS

Question

是否可以（合理）在一个项目中使用JSF和richfaces和引导程序 CSS样式。所以使用richfaces进行页面渲染，UI模型和ajax;留下样式到自举和自定义CSS。

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

Answer 1

看看RichFaces Bootstrap项目。这是一个沙盒的努力，但它可能对你有用。

• http://www.bleathem.ca/blog/2012/05/richfaces-bootstrap.html
• https://bootstrap-richfaces.rhcloud.com/

Answer 2

我RichFaces的工作4.3 +引导3相当长的时间了，认为这是一种成功的方法

这是，我学到了什么：

1. jquery版本冲突：两者都带有jQuery（bootstrap req需要比richfaces更新的版本）; doublecheck，如果你使用的是正确的jQuery实例，尤其是$别名！
2. richfaces skinning应该在web.xml中禁用
3. 像字体或图标这样的资源，这些资源是来自CSS的引用，通常被声明为相对URL;这不符合相当不错到JSF资源系统（解决方法见下文）
4. 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和把相关资源（在我的项目的查询，用户界面主题）下/静态文件夹

<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> 

Answer 3

我已经找到了这个项目，但我还没有在任何项目中使用过。看看这，看看这是你想要的东西： https://bootstrap-richfaces.rhcloud.com/

建立在引导的顶部从Twitter，RichFaces的引导项目被包裹引导，所有伟大的组件的所有迷死人，以及其作为JSF组件的所有效果！这很神奇，我们相信你会爱上它！

警告！这个项目目前是一个“沙箱”项目，正在大力发展。因为这样的标签和属性名称随时都可能发生变化。仅将其用于有趣或原型设计的目的！但请继续关注该课程的发布！