安裝與開始

一、安裝資源

  • 新建專案資料夾

  • 下載最新版 Bootstrap 4：Bootstrap 4下載

  • 將下載的 js , css 資料夾拉出 放到 專案資料夾 下

  • BootStrap 4拿掉了圖示，可到 fontawesome下載

  • 解壓後，將 fonts 及 css 複製到 專案資料夾 裡面

  • 下載 jquery：jquery下載，並存入 js 資料夾中

  • 下載 popper.js ：popper下載，存入 js 資料夾中

二、引入index.html內

  • 可以使用網址引入

  • css :　

<link rel="stylesheet"  
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"  
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"  
crossorigin="anonymous">

  • js :

  • 建立index.html

  • 引入順序請勿隨便調整

  • width=device-width ：表示寬度是設備螢幕的寬度

  • initial-scale=1：表示初始的縮放比例， 可以讓網頁的寬度自動適應手機螢幕的寬度

  • 在iOS9更新中更改了initial-scale 的用途，故使用shrink-to-fit=no 來替代

  • 其中的 css/my.css 是用來放置自定義的CSS 內容，例如想要讓頁面用微軟正黑體，加入字型設定即可：

Previous相關資源網站NextCSS 基礎知識

Last updated

Was this helpful?