尤川豪   ·  5年前
445 貼文  ·  275 留言

RWD 網頁設計入門：第3課 ── 有些東西只在電腦顯示，有些東西只在手機顯示

第3課 課程目標

能夠將元素只顯示在特定裝置上面。例如有些東西只在電腦顯示，有些東西只在手機顯示。

第3課 課程內容

請參考：

https://getbootstrap.com/docs/4.1/utilities/display/

第3課 作業

承接前一課的作業。

圖中右邊的 The Brief 區塊，只會顯示在電腦與手機上，在平板上是不會顯示的。

請實作出這個效果。

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

  • 在平板上是 1-2 比例的多欄式佈局
  • The Brief 區塊在平板上隱藏

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

  分享   共 1,491 次點閱
共有 0 則留言
還沒有人留言。歡迎分享您的觀點、或是疑問。
您的留言
登入之後發表留言
RWD 網頁設計入門：用 Bootstrap 做出手機、平板、電腦上都 OK 的網頁
尤川豪
445 貼文  ·  275 留言

Devs.tw 是讓工程師寫筆記、網誌的平台。隨手紀錄、寫作，方便日後搜尋！

歡迎您一起加入寫作與分享的行列！

查看所有文章