Responsive Design with Bootstrap

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

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

以下是記錄

  • Cat Photo app

  • jQuery playground

Last updated

Was this helpful?