Основной курс Bootstrap

Bootstrap плагины

Заголовок страницы Bootstrap

Заголовок страницы (Page Header) - это полезная функция, которая добавляет подходящее расстояние вокруг заголовка веб-страницы. Когда на веб-странице есть несколько заголовков и между ними необходимо добавить определенное расстояние, функция заголовка страницы особенно полезна. Если вы хотите использовать заголовок страницы (Page Header), поместите свой заголовок в элемент с классом .page-header в <div> :

Онлайн пример

Пример

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
　　　　<title>Bootstrap пример - заголовок страницы</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>Пример заголовка страницы</h1>
　　　　　　　　<small>Подзаголовок</small>
　　　　</h1>
</div>
<p>Это пример текста. Это пример текста. Это пример текста. Это пример текста. Это пример текста.</p>
</body>
</html>

Проверьте ‹/›

Результаты показаны ниже:

Миниатюры Bootstrap Экраны超大 Bootstrap