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>