Bootstrap 3 Render
UForm allows to render for bootstrap 3:
use UForm\Render\Html\Bootstrap3;
$render = new Bootstrap3();
$html = $render->render($formContext);
Additional CSS
Some additional css is required to make the render of bootstrap3 render better:
/** Inline elements with help text wont be vertically aligned **/
.form-inline .form-group{
vertical-align: top;
}
/** Inline elements with label have spacing issues **/
.form-inline .form-group,
.form-inline label{
margin-right: 15px;
}
/** Tabs with error are not displaying the error status **/
.nav-tabs>li.error>a,
.nav-tabs>li.active.error>a
{
color: #a94442;
font-weight: bold;
background: #FFF2F3;
}
.nav-tabs>li.error:hover>a{
background: #F9CED1;
}
/** Tabs error are not highlited **/
.nav-tabs>li.error>a,
.nav-tabs>li.active.error>a
{
color: #a94442;
font-weight: bold;
}
.nav-tabs>li.error:hover>a{
background: #F9CED1;
}
.nav-tabs>li.error>a{
background: #FFF2F3;
}
.nav-tabs>li.active.error>a{
background: #FFF;
}