CPIスタッフブログはレンタルサーバーナレッジにうまれ変わりました。Sampleとなっている箇所にメインビジュアルを挿入します。Exampleのブロックを削除します。Navbar閉じタグの直後に、メインビジュアルブロックを追加します。{}以上でメインビジュアルの挿入が完了しました。ポイントは、Bootstrapのコンテンツエリアが最大で、1170pxですので、このサイズに合わせてメインビジュアルの最大横幅を設定します。画面サイズが1170px以上になったら、背景を塗っています。メインビジュアル画像に文字を直接書くのではなく、画像の上にテキストを乗せています。これはスマートフォンなどで表示したときにメインビジュアルが小さくなり、文字が読めなくなることを防ぐためです。サンプルはこちらに設置しています。次回は、「メインコンテンツエリア」の作成を行います。関連記事BootstrapのイケテないNavbarにスタイル適用。SV-Basic」を語る!TwitterCPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。cpiadjpツイートPocket掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。