twitter-bootstrap - Bootstrap 5でジャンボトロンを作成するには?

Question

Bootstrap 5 では、jumbotron コンポーネントが削除され、背景色の .bg-light やパディングを制御する .p-* クラスなどのユーティリティ クラスが使用されるようになりました。私は初心者です、誰かがそれを行う方法の例を挙げてもらえますか?

Answer 1

ジャンボトロン コンポーネントは削除され、背景色の .bg-light やパディングを制御する .p-* クラスなどのユーティリティ クラスが使用されます。参照: https://getbootstrap.com/docs/5.0/migration/#jumbotron

あなたはこのようなことを試すことができます

<div class="container-fluid text-sm-center p-5 bg-light"> <!-- bg-light is background color & p-5 is padding -->
    <h1 class="display-2">Full Stack Conf</h1>
    <p class="lead">A One-day Conference About All Things JavaScript!</p>
</div>

ここでさらに例を見つけてください: https://getbootstrap.com/docs/5.0/examples/jumbotron/