Free Code Camp - practice
  • Introduction
  • Getting Start
    • Introduction
    • Join the Free Code Camp Community
    • 實做成果
  • Front End Development Certification
    • HTML5 and CSS
      • HTML5 and CSS: 01-10
      • HTML5 and CSS: 11-20
      • HTML5 and CSS: 21-30
      • HTML5 and CSS: 31-40
      • HTML5 and CSS: 41-50
      • HTML5 and CSS: 51-
    • Responsive Design with Bootstrap
      • Bootstrap 01-10
      • Bootstrap 11-20
      • Bootstrap 21-31
    • Gear up for Success
    • jQuery
    • Basic Front End Development Projects
    • Basic JavaScript
      • Basic JavaScript 030
      • Basic JavaScript 060
      • Basic JavaScript 090
      • Basic JavaScript 101
    • Object Oriented and Functional Programming
    • Basic Algorithm Scripting
    • JSON APIs and Ajax
    • Intermediate Front End Development Projects
    • Intermediate Algorithm Scripting
Powered by GitBook
On this page

Was this helpful?

  1. Front End Development Certification

Responsive Design with Bootstrap

Responsive Design，又稱響應式設計，一個網頁如果有照此原則設計，那他在桌機、平板、手機上的網頁呈現會不一樣。好的響應式設計會針對不同的裝置做優化

Bootstrap，是一個 css 的模板，它會將網頁預先分成好幾個欄位。例如，桌機的電腦有八個欄位、平板的有六個欄位，而手機有兩個欄位。因為 bootstrap 已經設定好一些情境，因此套用的話，就能針對個裝置進行優化

以下是記錄

  • Cat Photo app

  • jQuery playground

PreviousHTML5 and CSS: 51-NextBootstrap 01-10

Last updated 5 years ago

Was this helpful?