Ir para conteúdo
  • 0

[Resolvido] bootstrap


Guest FastMG

Pergunta

6 respostass a esta questão

Posts Recomendados

Poste o código ai!

Codigo:

 

 

 

        <div class="big-gap"></div>
 
        <div class="row-fluid center clearfix">
            <div class="span3">
                <ul class="plan plan1">
                    <li class="plan-name">
                        <h3>VipGold</h3>
                    </li>
                    <li class="plan-price">
                        <strong>Vip Gold</strong>
                    </li>
                    <li>
                        <strong>15,00</strong> / Mes
                    </li>
                    <li>
                        <strong>Dias</strong> 30 dias
                    </li>
                    <li class="plan-action">
                        <a href="vipg.html" class="btn btn-transparent">Vantagens</a>
                    </li>
                </ul>
            </div>
 
            <div class="span3">
                <ul class="plan plan3">
                    <li class="plan-name">
                        <h3>Vip Diamond</h3>
                    </li>
                    <li class="plan-price">
                        <strong>Vip Diamond</strong>
                    </li>
                    <li>
                        <strong>Null</strong> / Mes
                    </li>
                    <li>
                        <strong>Dias</strong> 30 Dias
                    </li>
                    <li class="plan-action">
                        <a href="#" class="btn btn-transparent">Vantagens</a>
                    </li>
                </ul>
            </div>
 
        </div>

 

Link para o comentário
Compartilhar em outros sites

Como o @Aeffy disse ali em cima, usa o grid do Bootstrap e adiciona isso na tua folha de estilos:

.row-centro {
	text-align: center;
}

.col-centro {
	display: inline-block;
	float: none;
	text-align: left;
	margin-right: -4px;
}

Ai pra centralizar uma row você coloca row-centro, e pra centralizar uma col você adiciona col-centro.

Não sei se eu expliquei direito, então toma um exemplo:

<div class="row row-centro">
    <div class="col-sm-3 col-centro">
        // tabela da esquerda
    </div>
    <div class="col-sm-3 col-centro">
        // tabela do meio
    </div>
    <div class="col-sm-3 col-centro">
        // tabela da direita
    </div>
</div>

Caso não queira usar esse método, você pode centralizar colocando cols do lado esquerdo até ficar tudo no meio

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.
×
×
  • Criar Novo...