wakeup_y https://blog.hatena.ne.jp/wakeup_y/ wakeup! https://wakeup.hatenadiary.jp/ bootstrap coding モバイルからみた時に、画像とボタンの表示順を入れ替えたくて調べてみました。 参考 とてもわかりやすかったです。。！感謝！ 【Bootstrap4】グリッドレイアウト（並べ替え） – niwaka-web そもそもサイズの概念がわかってなさすぎることに気づき、こちらでおさらいしました。 websae.net イメージ PCの場合 ロゴの下に、ボタン、画像の順で並びます。 スマホの場合 ロゴの下に、画像が来てその下にボタンが表示されます。 order を使う 画面サイズが767px以下の場合はHTMLで書かれている順番（画像→ボタン）で表示し、 画面サイズが768px以上の場合（md）はorder… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwakeup.hatenadiary.jp%2Fentry%2F2018%2F12%2F13%2F110018" title="【Bootstrap】orderクラスで列の入れ替えして表示順を変える。 - wakeup!" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wakeup_y/20181213/20181213100703.png Hatena Blog https://hatena.blog 2018-12-13 11:00:18 rich https://wakeup.hatenadiary.jp/entry/2018/12/13/110018 1.0 100%