ジャンボトロン

軽量で柔軟なコンポーネントであり、必要に応じてビューポート全体を拡張して、サイトのイメージに合うコンテンツを紹介します。

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>

全体幅、角丸無しでジャンボトロンを作成するには、これを.container内に追加する代わりに、全ての.containerの外に配置します。

<div class="jumbotron">
  <div class="container">
    ...
  </div>
</div>

このページは、ページトップのリンク先のBootstrap公式ドキュメント内のページを翻訳した内容を基に構成されています。下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。