Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcelocardoso

text-center bootstrap, não centraliza

Recommended Posts

galera...

estou dúvida qnt ao text-center.
uso o código abaixo:

    <div class="section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-10 col-md-offset-1" style="padding-top: 80px;">
                    <div class="col-md-2 text-center">
                        <div class="text-center">
                            <a href="http://www.fiep.org.br">
                                <img src="img/logo_grande.png" style="border: none; margin: 0 auto;">
                            </a>
                        </div>
                        <div class="text-center">
                            <img src="img/logo_user.png" class="text-center" style="border: none; margin: 0 auto; padding-top: 40px; padding-bottom: 40px;">
                        </div>
                        <form class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon text-left" style="width: 95px;">Seu Login</span>
                                <input type="email" class="form-control input-group input-group-lg" required="" placeholder="Digite seu email"></input>
                            </div>

                            <div class="input-group">
                                <span class="input-group-addon text-left" style="width: 90px;">Sua Senha</span>
                                <input type="password" class="form-control input-group input-group-lg" required="" placeholder="Digite sua senha"></input>
                            </div>

                            <div class="form-group text-right" style="font-size: 11px; padding-top: 12px;">
                                <a href="lembrete.html" class="text-danger">Lembrar Senha?</a>
                            </div>

                            <button type="submit" role="button" class="btn btn-primary btn-block pull-right">LOGIN</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

Porém o mesmo quando insiro nas tags, COL-md-4 text-center, não centraliza.
No container normal, vai, no container-fluid, não...

sabem porque, ou como resolver para centralizar no centro da tela, o código acima.

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Marcelo,

Testei seu código no JSFiddle e as imagens ficaram centralizadas corretamente. Não identifiquei o erro nesse caso. Quanto a diferença do container pro container-fluid, isso não deveria influenciar, já que o conteúdo estão dentro dos grids.

Tente fazer o seguinte:

<div class="container-fluid">
   <div class="row">
      <div class="col-md-4">
         <span class="text-center">
            <a href="#" rel="#">
               <img src="#" />
            </a>
         </span>
      </div>
   </div>
</div>

Ou até mesmo:

<div class="container-fluid">
   <div class="row">
      <div class="col-md-4">
         <a href="#" rel="#" class="text-center">
            <img src="#" />
         </a>
      </div>
   </div>
</div>

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.