Без кейворда

今まで作ったコードを、よ～く見るとクラス名の「container」の記述がありましたね。

今回は「container」に背景画像を入れて、その上にテキストを配置する方法を学びます。

コンテナに背景を入れてみよう目次

Youtubeで動画解説しています。

チャンネル登録、宜しくお願いします。

【初心者入門】Bootstrapを使ってサイト作り背景に画像をいれる編 Bootstrap5サンプルサイト

Bootstrapには、コンテナという考え方があります。

コンテナは、コンテンツを入れる箱という意味です。

そのほかにもウィンドウの幅いっぱいになる「container-fluid」

ブレイクポイントで切り替える「container-breakpoint」の計3種類があります。

組みたいレイアウトによって、余白が入った方が見やすいか、ない方が良いかなど、使い分けることができます。

フル幅コンテナを使うメリットは、幅いっぱいに背景の画像を表示して、その上にコンテンツを重ねることができるんです。