Tutorial Bootstrap Básico

Plugins Bootstrap

Miniaturas do Bootstrap Tela Gigante do Bootstrap

Título da Página do Bootstrap

O Título da Página (Page Header) é uma funcionalidade excelente, que adiciona espaçamento apropriado ao redor do título da página. Quando uma página web possui vários títulos e é necessário adicionar um espaço entre eles, essa funcionalidade do Título da Página é especialmente útil. Para usar o Título da Página (Page Header), coloque seu título dentro de uma classe .page-cabeçalho no <div> seguinte:

Exemplos online

Exemplo

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
　　　　<title>Exemplo Bootstrap　-　Título da página</title>
　　　　<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
　　　　<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
　　　　<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="page-header">
　　　　<h1>Exemplo de Título de Página
　　　　　　　　<small>Subtítulo</small>
　　　　</h1>
</div>
<p>Este é um texto de exemplo. Este é um texto de exemplo. Este é um texto de exemplo. Este é um texto de exemplo. Este é um texto de exemplo.</p>
</body>
</html>

Teste e Veja ‹/›

Os resultados são exibidos conforme mostrado:

Miniaturas do Bootstrap Tela Gigante do Bootstrap