JSF + Bootstrap - Problema com botões.

14/07/2017

5

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.


<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>

Responder

Posts

Encontrei a solução em um artigo aqui do DevMedia, segue o link.

http://www.devmedia.com.br/web-design-responsivo-com-bootstrap-e-jsf-2/34181
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar