Bootstrap基本チュートリアル

Bootstrapプラグイン

Bootstrapページタイトル

ページタイトル（Page Header）は非常に便利な機能で、ウェブページのタイトルの周りに適切なスペースを追加します。ウェブページに複数のタイトルがあり、各タイトル間にスペースが必要な場合、このページタイトル機能は特に役立ちます。ページタイトル（Page Header）を使用するには、タイトルを class .page-ヘッダー の <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>ページタイトル例
　　　　　　　　<small>サブタイトル</small>
　　　　</h1>
</div>
<p>これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキストです。これはサンプルテキスト。</p>
</body>
</html>

テストをしてみる ‹/›

以下の結果が表示されます：

Bootstrapサムネイル Bootstrap大画面