上下の間隔調整

.img-fluid で

.col-md-6の範囲内に画像が収まる。

-> width: 100% の設定が有効になる。

灯台の役割

沿岸を航行する船が、現在の位置を把握したり、暗礁に乗り上げたりしないようにする目的で建造された建物が灯台です。ただし、近年はGPSの発展により灯台の必要性が低くなってきたため、灯台を撤去する動きがあるようです。

.col-md-6.mt-4.mt-md-0

.mt-md-0 で画面サイズが768px以上の時は margin が 0 になる。

スマホサイズでは .mt-4 が有効になり、マージントップが設けられる。