Ir para conteúdo
Fórum Script Brasil
  • 0

Como centralizar todo conteudo de uma div - Bootstrap


Gabrielvt14

Pergunta

Olá. Estou aprendendo a usar o bootstrap. Em meus estudos me surgiu uma duvida. Se há como centralizar todo conteudo de uma div. Tenho códigos de exemplo...

 

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script type="text/javascript" src="bootstrap.min.js"></script>
</head>
<body>
	<div class="container-fluid">
		<div class="container">
			<h1>Bootstrap <small>Meu primeiro site</small></h1>
			<p>Usando o bootstrap</p>
		</div>
		<div class="container" id="homer">
			<div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3">
				<img src="1.png" class="img-responsive">	
			</div>
			<div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3">
				<img src="1.png" class="img-responsive">	
			</div>
			<div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3">
				<img src="1.png" class="img-responsive">	
			</div>
			<div class="container col-xs-12 col-sm-6 col-md-6 col-lg-3">
				<img src="1.png" class="img-responsive">	
			</div>
		</div>
		<div class="container" id="planos">
			<div class="row col-xs-12 col-sm-12 col-md-6 col-lg-6" style="background-color: black">
				<p>Lorem Ipsum</p>
				<p>Lorem Ipsum</p>
				<p>Lorem Ipsum</p>
			</div>
			<div class="row col-xs-12 col-sm-12 col-md-6 col-lg-6" style="background-color: black">
				<h3>Nossos Planos</h3>
				<div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<button class="btn btn-primary">Lorem Ipsum</button>
				</div>
				<div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<button class="btn btn-primary">Lorem Ipsum</button>
				</div>
				<div class="row col-xs-12 col-sm-12 col-md-12 col-lg-12">
					<button class="btn btn-primary">Lorem Ipsum</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

 

No id="planos" tenho tres botões, quero eles um abaixo do outro, dentro da mesma row, até ai beleza. Mas queria centralizar na div esses botoes... O texto "Nossos Planos" eu consigo centralizar com "text-align", mas teria uma forma de eu centralizar os botões ou qualquer outro conteudo de uma div?

desde já grato!

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...