bobmello.com Bobmello.com

Primeira página com Bootstrap. : : : : Bom dia!

Postado em: 23/06/2016 às 6:56:43 AM

Vote neste post

0 de 5.00

Total de Votos 0
Ainda não há votos para este post
Seja o primeiro a votar

Classificação

Warning: Undefined variable $percent5 in /home2/bobmel91/public_html/programming/frame.php on line 350

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home2/bobmel91/public_html/programming/frame.php on line 350
0.00%

Warning: Undefined variable $percent4 in /home2/bobmel91/public_html/programming/frame.php on line 365

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home2/bobmel91/public_html/programming/frame.php on line 365
0.00%

Warning: Undefined variable $percent3 in /home2/bobmel91/public_html/programming/frame.php on line 380

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home2/bobmel91/public_html/programming/frame.php on line 380
0.00%

Warning: Undefined variable $percent2 in /home2/bobmel91/public_html/programming/frame.php on line 395

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home2/bobmel91/public_html/programming/frame.php on line 395
0.00%

Warning: Undefined variable $percent1 in /home2/bobmel91/public_html/programming/frame.php on line 410

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home2/bobmel91/public_html/programming/frame.php on line 410
0.00%

Esta é uma página simples com Bootstrap, composta de uma div "container" que o próprio nome já diz contém elementos dentro dele, dentro deste container temos um div "jumbotron" que será o cabeçalho da página, e outros elementos div que são mais tres divs chamadas de "col" que podem conter vários elementos dentro.

Como Aparecerá na Tela

Minha primeira página com Bootstrap

Primeira página com Bootstrap.

Redimencione seu navegador e veja o efeito responsivo!

Coluna 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Coluna 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Coluna 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Código Fonte

Este é o de 'Primeira página com Bootstrap'

<!DOCTYPE html>  
<html>  
<head>  
<title>Minha primeira página com Bootstrap</title>  
  
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1">  
  
  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">  
  
  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
</head>  
<body>  
  
<div class="container">  
  <div class="jumbotron">  
    <h1>Primeira página com Bootstrap.</h1>  
    <p>Redimencione seu navegador e veja o efeito responsivo!</p>   
  </div>  
  <div  class="row">  
    <div class="col-sm-4">  
      <h3>Coluna 1</h3>  
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>  
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>  
    </div>  
    <div class="col-sm-4">  
      <h3>Coluna 2</h3>  
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>  
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>  
    </div>  
    <div class="col-sm-4">  
      <h3>Coluna 3</h3>          
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>  
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>  
    </div>  
  </div>  
</div>  
  
</body>  
</html>

Bobmello.com

Voltar

Veja também:

Link Relacionado

Warning: Undefined variable $t_votos in /home2/bobmel91/public_html/programming/frame.php on line 728

Comentários:

Primeira página com Bootstrap.

Não há comentários no momento, seja o primeiro à comentar

Regras básicas

Os comentarios podem conter elogios ou criticas

Porem não serão tolerados agressões verbais e palavras de baixo calão.

Direcionamento dos comentarios

Os comentarios devem abster-se unicamente ao post em questão.

Da aprovação dos comentarios

Todos comentarios serão aprovados, elogios ou criticas, desde que sigam as normas estabelecidas.

Comentarios mostrados

Seram mostrados sempre os 20 últimos comentários, esse limite é para que a página não fique poluida com excesso de comentários.

Obrigado a todos

Comentem.

bobmello-ADM

Deixe seu comentário

Preencha os campos abaixo:

Voltar