Boa tarde galera, então resolvi usar o twitter boostrap com jsf e primefaces, mas… está dando uns paus, alguem sabe uma solução ou algum outro framework css, ou algum macete para alinhar os forms e tal?
O problema é o seguinte, os componentes do primefaces geram um e isso me quebra as pernas, como por exemplo no código gerado abaixo:
pois o twitter boostrap estiliza somente input class="" tall… Alguém já fixou isto? Idéias? Ajudas?
<!-- Atendente -->
<div class="row">
<div class="span4">
<div class="control-group">
<h:outputLabel styleClass="control-label" for="chamadoatendente" value="Atendente" />
<div class="controls">
<p:inputText styleClass="input-xlarge" id="atendente" required="true" />
</div>
</div>
</div>
<div class="span5">
<div class="control-group">
<h:outputLabel styleClass="control-label" for="chamadodatahora" value="Data" />
<div class="controls">
<p:calendar styleClass="input-small" id="chamadodata" locale="pt_BR" />
<p:calendar styleClass="input-mini" id="chamadohora" locale="pt_BR" pattern="hh:MM" timeOnly="true" />
</div>
</div>
</div>
</div>