RWD 網頁設計入門：第4課 ── 頭條新聞在電腦上順序是中間，在手機上順序是最前面

第4課 課程目標

能夠讓元素在不同裝置上面，以不同的順序顯示。

第4課 課程內容

請參考：http://getbootstrap.com/docs/4.1/layout/grid/#reordering

第4課 作業

承接前一課的作業。

仔細看你會發現，在電腦螢幕上，中間是頭條新聞，左側是其他新聞。

按照 html 的順序邏輯（由上至下，由左至右），其他新聞的區塊順序是第一，頭條新聞的區塊順序是第二。

隨著螢幕縮小，在手機螢幕上，頭條新聞是出現在最上面的。

所以在手機螢幕上，頭條新聞的區塊順序是第一，其他新聞的區塊順序是第二。

請實作出這個效果。

除了上一課作業的要求之外，這一課作業再加上兩個要求：

• 在平板、電腦上，其他新聞的區塊順序是第一，頭條新聞的區塊順序是第二
• 在手機上，頭條新聞的區塊順序是第一，其他新聞的區塊順序是第二

完成這些，你就完成這次的課程目標了！