JSF responsivo

Fala galera, tenho uma dúvida sobre responsividade com jsf…
Meu sistema já esta quase pronto porém sem responsividade, alguém sabe a maneira mais pratica de tornar um sistema responsivo? por exemplo, vi uma prática, desenvolvendo uma div e formatando com CSS3, porém não sei se da pra colocar todo um sistema dentro de uma div e torna-la responsiva…
Qualquer dica já ajuda!!!

Parece que o primefaces tem um tema feito com bootstrap. Talvez tenha mantido a parte responsiva, você pode fazer o teste. Fora isso, colocar responsividade nos componentes do JSF é algo inviável, você teria que sobrescrever todo o CSS e mesmo assim, acho difícil o resultado final ficar bom.

<div class="container">
	<div class="row">
		<div class="col-md-2"></div>

		<div class="col-md-10">
			<p:layoutUnit position="center" resizable="false" closable="false" collapsible="false">
				<ui:insert name="conteudo" />
			</p:layoutUnit>
		</div>
	</div>
</div>

De uma olhada… eu uso isso… n e difícil de implementar.

http://primefaces.org/showcase/ui/misc/responsive.xhtml