Bootstrap超大型スクリーン(Jumbotron)【インタフェースにログインするために生まれた】
8604 ワード
Bootstrapスーパースクリーン(Jumbotron)
この章では、Bootstrapがサポートするもう一つの特性、ジャンボスクリーンについて説明します.名前の通り、このコンポーネントはタイトルのサイズを増やし、ログインページの内容により多くの外距離(margin)を追加することができる.ジャンボスクリーン(Jumbotron)を使用するには、次の手順に従います.
class付きを作成します.jumbotron. の容器です.
より大きなに加えて、フォントの太さfont−weightは200 pxに減算される.
次の例では、この点を示します.<!DOCTYPE html>
<html>
<head>
<title>Bootstrap - (Jumbotron)</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1> !</h1>
<p> (Jumbotron) 。</p>
<p><a class="btn btn-primary btn-lg" role="button">
</a>
</p>
</div>
</div>
</body>
</html>
より大きな
次の例では、この点を示します.
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap - (Jumbotron)</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1> !</h1>
<p> (Jumbotron) 。</p>
<p><a class="btn btn-primary btn-lg" role="button">
</a>
</p>
</div>
</div>
</body>
</html>