Horizontal form like in bootstrap

[rider]

Dear all,

I need a horizontal form like in bootstrap with RIO theme:
http://getbootstrap.com/css/#forms


I tried to include the bootstrap css - but I have a problem with the
*{box-sizing: border-box;} from the bootstrap css

Please help me

[mert.sincan]

I think you can use grid-css; http://www.primefaces.org/showcase/ui/panel/grid.xhtml
With p:panelGrid;

Code: Select all

<p:panelGrid columnClasses="ui-grid-col-1,ui-grid-col-11,ui-grid-col-1,ui-grid-col-11" columns="2" layout="grid" ...
  <p:inputText styleClass="Wid90" ..>
   ..
</p:panelGrid>

Also, we added responsive feature for 5.2.4+ and 5.3
I think this feature will help you; http://www.primefaces.org/showcase/ui/m ... sive.xhtml