Simplified layout

The BootsFaces approach to defining rows and columns using <b:row /> and <b:column /> is a little simpler than the HTML-only Bootstrap approach, but BootsFaces doesn't stop there. There are two shortcuts you can take.

The <b:panelGrid />

Use the <b:panelGrid /> to define forms. More often than not, forms have a very strict layout, often consisting of one or two columns of input fields, which in turn consist of a label column, the input field columns and an error message column. In such a situation, <b:panelGrid /> is the component to use. Read the full story at the documentation page of <b:panelGrid />.

The span attribute of most input fields

Many components have a span attribute. If this attribute is set, the component automatically is surrounded by a <b:column /> :

Live preview