css - ブートストラップCSS方法：タイトルバーを使用してContentBoxを作成する

Question

このログインボックスに似たタイトルバーの「ContentBox」を作成する方法を知りたいのですが。

https://github.com/login?return_to=%2Fjshint%2Fjshint%2Farchives%2Fmaster

ブートストラップCSSを使用する簡単な方法はありますか、それとも独自の方法を考え出す必要がありますか？

Answer 1

リンクしたページには、GitHubに既にログインしているユーザーのログインは表示されないため、次回はもう少し具体的にするか、スクリーンショットを投稿することをお勧めします。

そうは言っても、ある種のボックスの上に青いグラデーションヘッダーが必要だと思います。実行は非常に簡単ですが、Bootstrapに組み込まれているその性質のコンポーネントはありません。

探している効果を作成するためにGitHub（または他のサイト）が何をしたかを確認したい場合は、ソースを検査するための多くのツールを利用できます。これは、Chromeの組み込みデバッガー（F12）のスクリーンショットです。

編集：その画像は少しズームアウトされすぎています。詳しく見てみましょう。