JSF + Bootstrap - Problema com botões.
14/07/2017
0
Bom dia,
estou montando um projeto em JSF e comecei a inserir o bootstrap, porém estou tendo um problema com os botões, pois ao inserir as classes do bootstrap, os botões ficam colados um ao lado do outro. Aquele espaçamento que aparece nos exemplos do bootstrap somem.
Ja tentei utiizar o pass through do JSF e tags do html5, também não funcionou.
Não conheço muito de CSS, arrisquei colocar uns style padding, mas sem sucesso.
Alguem ja teve este problema ou sabe como me ajudar.
Obs: se utilizo somente tags html e bootstrap, funciona numa boa.
Segue código que estou testando.
estou montando um projeto em JSF e comecei a inserir o bootstrap, porém estou tendo um problema com os botões, pois ao inserir as classes do bootstrap, os botões ficam colados um ao lado do outro. Aquele espaçamento que aparece nos exemplos do bootstrap somem.
Ja tentei utiizar o pass through do JSF e tags do html5, também não funcionou.
Não conheço muito de CSS, arrisquei colocar uns style padding, mas sem sucesso.
Alguem ja teve este problema ou sabe como me ajudar.
Obs: se utilizo somente tags html e bootstrap, funciona numa boa.
Segue código que estou testando.
<div class="container" style="padding-top: 20px">
<div class="row">
<div class="col-xs-12">
<h:commandButton value="Teste conexão DB" class="btn btn-primary"/>
<h:commandButton value="Upload" class="btn btn-default"/>
<h:commandButton value="Limpar" class="btn btn-danger"/>
</div>
</div>
</div>
Vinicius Medeiros
Curtir tópico
+ 0
Responder
Posts
14/07/2017
Vinicius Medeiros
Encontrei a solução em um artigo aqui do DevMedia, segue o link.
https://www.devmedia.com.br/web-design-responsivo-com-bootstrap-e-jsf-2/34181
https://www.devmedia.com.br/web-design-responsivo-com-bootstrap-e-jsf-2/34181
Responder
Clique aqui para fazer login e interagir na Comunidade :)