Ruby
Rails
bootstrap

rails5, bootstrap4でスマホ、PCでヘッダー画像を出し分ける

headerの画像を2枚用意して、出し分ける。

スマホとPCそれぞれに違うクラスを割り当てる。

スマホ[class: "d-block d-md-none mx-auto"]
PC[class: "d-none d-md-block img-fluid"

index.html.haml
//スマホ
= image_tag("/images/header.png", width: '375', alt: "なろう廃人のすすめ", class: "d-block d-md-none mx-auto")
//PC
= image_tag("/images/header-pc.png", alt: "なろう廃人のすすめ", class: "d-none d-md-block img-fluid pb-2")

参考サイト
Bootstrap4 PCとスマホで画像を切り替える方法