JSF + Bootstrap - Problema com botões.

Bootstrap

Java

14/07/2017

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>

Vinicius Medeiros

Vinicius Medeiros

Curtidas 0

Respostas

Vinicius Medeiros

Vinicius Medeiros

14/07/2017

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
GOSTEI 0
POSTAR