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.


<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

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
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar