Tutoriales básicos de Bootstrap

Plugins de Bootstrap

Miniaturas Bootstrap Pantallas extra grandes Bootstrap

Título de página Bootstrap

El título de la página (Page Header) es una función bastante buena, que agrega el espacio adecuado alrededor del título de la página. Cuando en una página web hay varios títulos y entre ellos se necesita agregar un espacio determinado, esta función de título de la página resulta especialmente útil. Si desea usar el título de la página (Page Header), coloque su título en el elemento con la clase .page-encabezado del <div> :

Ejemplo en línea

Ejemplo

!DOCTYPE　html>
<html>
<head>
	<meta　charset="utf-8">　
　　　　<title>Bootstrap　Ejemplo　-　Título de la 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>Ejemplo de título de página
　　　　　　　　<small>Subtítulo</small>
　　　　</h1>
</div>
<p>Este es un texto de ejemplo. Este es un texto de ejemplo. Este es un texto de ejemplo. Este es un texto de ejemplo. Este es un texto de ejemplo.</p>
</body>
</html>

Prueba y observa ‹/›

Los resultados se muestran a continuación:

Miniaturas Bootstrap Pantallas extra grandes Bootstrap