Q&A
要素の順番をBootstrap4を使いながら入れ替えたい
Bootstrap4
1 <div class="container-fluid p-0"> 2 <div class="row"> 3 <div class="col-12 col-md-7 blue-box"> 4 <div class="inner-box"> 5 <h2 class="body-heading">チームの心をひとつに</h2> 6 <p>ラーメン作り教室やカヌーレッスンに参加。普段オフィスでは目にできない同僚たちの意外な面に触れ、深いレベルでつながれます。</p> 7 <a href="" class="body-link2" >Airbnbの「体験」を検索</a> 8 </div> 9 </div> 10 <div class="col-12 col-md-5 img-box"> 11 <img src="img/img8.jpg" class="img2"> 12 </div> 13 </div> 14 </div>
col-7のboxとcol-5のboxの表示を入れ替えて下の画像のようなデザインを作りたいと思っています。
何か解決策があれば教えていただけないでしょうか
回答1件
0
ベストアンサー
このあたりかな。
【Grid system · Bootstrap】
https://getbootstrap.com/docs/4.0/layout/grid/#order-classes
【Bootstrap4カラムを入れ替える（表示順の変更）】
https://webnetamemo.com/coding/bootstrap4/201803086794
投稿2020/05/29 01:49
総合スコア69606
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。