Bootstrap5
Bootstrap5の2カラムレイアウトで、PCなど画面が大きいときは右側に表示しているサイドバーを表示、モバイル端末では上に表示するレイアウトの記述方法。 <div class="row flex-column-reverse flex-md-row"> <div class="col-md-8"> <p>This is the main content for larger screens. It will appear on the left side.</p> </div> <div class="col-md-4"> <…</div></div>