2018/3/19

BootStrap 4 (1)

  1. 載入 BootStrap CSS/JS

    • 頁面開頭
      • <!DOCTYPE html>
    • 引入順序
      • bootstrap.css
      • jquery.js 1.9版以上
      • bootstrap.js 
        • 2.x 以上版本不支援 IE 6,7,8
    • 必要標籤
      • <head>開頭
        • <meta charset="utf-8">
        • <meta http-equiv="X-UA-Compatiable" content="IE=edge">
        • <meta name="viewport" content="width=device-width; initial-scale=1">
      • viewport 用於手機優先 , 確保呈顯在手機上並可觸控縮放
      • content 加入 user-scalable=no設定關閉縮放功能
    • NOTE
      • 為了支援IE9以前的版本相容HTML5和CSSˇ元素
        • <head>尾處
          • html5shiv.js
          • respond.js
  2. 使用 BootStrap 元素
    • 必要標籤
      • div class container(固定) or container-fluid(填滿)
    • NOTE
      • 放棄px , 改用 rem , em
        • em : 相對於父層字體大小的單位
        • rem : 相對於根元素
      • 放棄 IE8
      • 放棄 IOS 6支援




張貼者：
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)

test2