[問題] Bootstrap網頁布局問題

看板Web_Design作者shinmoja (摩喳)時間8年前 (2016/12/18 16:04)推噓3(3推 0噓 1→)

留言4則, 3人參與討論串1/1

各位前輩好，最近初學Bootstrap，在網頁上呈現的樣式： ┌───┐ ┌───┐ │ 圖片 │ │ 文字 │ └───┘ └───┘ ┌───┐ ┌───┐ | │ 文字 │ │ 圖片 │ |----->圖文變換位置 └───┘ └───┘ | ┌───┐ ┌───┐ │ 圖片 │ │ 文字 │ └───┘ └───┘ 手機端呈現： ┌───┐ │ 圖片 │ └───┘ ┌───┐ │ 文字 │ └───┘ ┌───┐ | │ 文字 │ | └───┘ |-----> 這裡想改順序 ┌───┐ | │ 圖片 │ | └───┘ | ┌───┐ │ 圖片 │ └───┘ ┌───┐ │ 文字 │ └───┘ 想請問一下，想讓手機上看到的樣式 ┌───┐ │ 圖片 │ └───┘ ┌───┐ │ 文字 │ └───┘ ┌───┐ | │ 圖片 │ | └───┘ |-----> 變成這樣子 ┌───┐ | │ 文字 │ | └───┘ | ┌───┐ │ 圖片 │ └───┘ ┌───┐ │ 文字 │ └───┘ 應該要如何修正才好？ [HTML如下] <div id=""> <div class=""> <div class="row row-pb-md animate-box" style="padding-bottom:100px;"> <div class="col-md-6 col-md-push-6"> <div class="desc"> <h></h> <p></p> </div> </div> <div class="col-md-6 col-md-pull-6"> <img> </div> </div> <div class="row row-pb-md animate-box" style="padding-bottom:100px;"> <div class="col-md-6 col-md-push-6"> <img> </div> <div class="col-md-6 col-md-pull-6"> <div class="desc"> <h></h> <p></p> </div> </div> </div> </div> </div> 再麻煩各位了，謝謝!! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.161.144.213 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1482048282.A.0EE.html