# 第六週｜課程直播｜切版班 by Sz
###### tags: `Sz` `第六週` `直播筆記` `2021夏季切版班`

[【總】小組任務｜2021夏季切版班 Team13](/GrA9x5TMQoGuIhR8xF7eyg)

## !default
只會吃第一個設定好的 !default 變數

## 作業建議
至少
眼鏡＋ 6-8週選一週

## gulp
## npm install
會載下一個 node_module
## BS5 版 gulp
已經預設載入 BS5, jQuery

[摸索 gulp 環境下的 bootstrap 客製化｜Bootstrap 筆記 by Sz](/xuYoTnGXQxuaeuEe-yol4Q)

## 客製化
複製一個 bs `_variables.scss` 到自己的scss 裡面，放在 functions 後面， booy

// bs 運作的必須檔案先匯入
@import "../node_modules/bootstrap/scss/functions";

// 既有的變數覆蓋成自訂參數，並且拿掉 !default 
$body-bg: #000;
$body-color: #111;

// 匯入其他必須檔案，!default 的參數若是已經有遭到更改，則不會讀取
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";

改這，新增也可

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
) !default;

## 直播班獎品
明年的第八週是新內容

通常會從 col-md-x 開始寫，手機版就直接滿版了

## 老師批改
做到3頁以上才可以給老師看～
建議要做到購物流程