Bom dia,
estou utilizando bootstrap junto as minhas tags jsf2, e gostaria de utilizar o SelectOneRadio como um btn-group data-toggle=“buttons” assim como no Link .
JSF
<div id="divsexo" class="form-group">
<h:outputLabel id="labelsexo" for="divradiosexo" value="Sexo:"
styleClass="control-label col-md-2 col-md-offset-2" />
<div id="divradiosexo" class="col-md-8 btn-group" data-toggle="buttons">
<h:selectOneRadio id="divradiosexo" label="Sexo"
value="#{PessoaFisicaBean.pessoaFisica.sexo}" required="true"
styleClass="inlineRadioButtons btn btn-primary">
<f:selectItems value="#{PessoaFisicaBean.listSexo}"
var="radioSexo" itemLabel="#{radioSexo.sexo}"
itemValue="#{radioSexo}" />
</h:selectOneRadio>
</div>
</div>
HTML
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary ">
<input type="radio" name="options" id="option1"> Option 1 (preselected)</input>
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option2"> Option 2</input>
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option3"> Option 3</input>
</label>
</div>