---
# System prepended metadata

title: "\U0001F3C5 Day 9 - 表達式觀念、Bootstrap 格線系統 3"
tags: [Vue 直播班 - 2023 冬季班]

---

---
tags: Vue 直播班 - 2023 冬季班
---
# 🏅 Day 9 - 表達式觀念、Bootstrap 格線系統 3


請同學先閱讀完 「[JavaScript 表達式觀念及運用 - JS Expression](https://wcc723.github.io/development/2020/09/17/js-expression/)」 這篇文章後再作答。

題目
---
#### 問題一（判斷何者為表達式）：

```js=
if(Ans) {
  console.log("Ans 是表達式");
}
```

請問以下有哪些選項代入 Ans 可以輸出 console.log 不會報錯? 
補充: [真值假值觀念](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy)

```
1. 2 === 2
2. "string"
3. var a 
4. if(true){let a = 2;}
5. [25, 30] // 純陣列
6. {name: "hexSchool"}  // 純物件
```

#### 問題二（表達式的應用）:
```js=
function hexIsGood() {
  return true;
}
```

以上程式碼為一個「表達式」，請大家到 [MDN](https://developer.mozilla.org/en-US/) 或是透過 Google 搜尋，尋找有哪些程式運作可以插入以上的表達式，仍能正確運行。

舉例（if 判斷式）：
```js=
function hexIsGood() {
  return true;
}
if(hexIsGood()) {console.log("此程式碼可以運作")};
```


Bootstrap 格線系統 - 常見錯誤
---
在運用格線系統 `.row` 時，外層需使用 `.container` 、 `.container-*`，避免產生 x 軸
請將此 [Codepen](https://codepen.io/hexschool/pen/WNyKJzr?editors=1010) 補上 `.container-*`，並觀察其差異


## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/vftL5i0.png)


<!-- 解答一
1, 2, 5, 6
因為它們都是表達式，會回傳結果。
-->

<!-- 解答二
// Ex1: 可以帶入三元運算子
function hexIsGood() {
  return true;
}
console.log(hexIsGood() ? '很棒棒' : '不棒棒');

// Ex2: 可以代入樣板字面值
function hexIsGood() {
  return true;
}
let str = `六角學院很讚: ${ hexIsGood() }`;
console.log(str);

-->

<!-- 
- Bootstrap -
將 ... 改為 .container、.container-fluid、.container-sm .. 都可以
-->





回報區
---


|     Discord     |                                CodePen / 答案                                |
|:---------------:|:----------------------------------------------------------------------------:|
| Yijing | [CodePen](https://codepen.io/Yi-Jing-71080635/pen/oNVgrdj?editors=0010) |
| Moreene | [CodePen](https://codepen.io/Moreene/pen/OJqVMJQ)|
| Tippy | [CodePen](https://codepen.io/Ektodor-Wang/pen/GReJooy)|
| bf_tsai | [CodePen](https://codepen.io/BF-Tsai/pen/yLwNeOW?editors=1111) |
| 銀光菇 | [CodePen](https://codepen.io/genesynthesis/pen/QWobyyz?editors=1010) |
| 貢波波夫 | [CodePen](https://codepen.io/mxgrfgcr-the-bashful/pen/dyroGvR) |
| Nelly | [CodePen](https://codepen.io/Nelly-Guo/pen/yLwNebm) |
| kuanju27 | [CodePen](https://codepen.io/Eero-Chiao/pen/MWxwKmg) |
| py | [CodePen](https://codepen.io/Wpypy/pen/zYbGrov?editors=1011) |
| Leo | [CodePen](https://codepen.io/Aruminiya/pen/NWJqxyJ) |
| Ariel | [CodePen](https://codepen.io/ariel0510/pen/LYaVGWW) |
| XinYu | [CodePen](https://codepen.io/HsuXinYu/pen/wvOaMPQ?editors=1101) |
| cest_jessie | [CodePen](https://codepen.io/itsjessiechen/pen/QWobywJ) |
| Eden | [Codepen](https://codepen.io/iseden/pen/VwRLaYB)|
| MDFK | [Codepen](https://codepen.io/maywang/pen/ExMjPby?editors=0011)|
| dora | [CodePen](https://codepen.io/dorayu/pen/poYJgLz?editors=1010) |
| hedy | [CodePen](https://codepen.io/Hedy_H/pen/wvOaGqB?editors=1011) |
| Yuetin | [CodePen](https://codepen.io/Yue9527/pen/RwdPRwN) |
| amaaaa | [CodePen](https://codepen.io/Alicia-Chu/pen/vYPOGVq) |
| Uli | [CodePen](https://codepen.io/uli1313/pen/zYbGqgJ?editors=1010) |
| ryan.chou | [CodePen](https://codepen.io/csw8524/pen/WNmvxwE) |
| Chia Pin | [CodePen](https://codepen.io/joker-cat/pen/QWobEMa) |
| ⭐️小正 | [CodePen](https://codepen.io/colorgolden/pen/LYaVNKa?editors=1011) |
| PoRay | [CodePen](https://codepen.io/raycheng/pen/QWobEmm?editors=1011) |
| Winnie | [CodePen](https://codepen.io/codepen-io-winnie/pen/MWxweOq?editors=1010) |
| 精靈 | [CodePen](https://codepen.io/justafairy/pen/poYJENm) |
| RayRay | [CodePen](https://codepen.io/CityRay/pen/wvOaWxP) |
|Wei_Rio|[CodePen](https://codepen.io/wei_wu/pen/OJqVRxo?editors=1011)|
| Ataraxia |[CodePen](https://codepen.io/ataraxia8888/pen/wvOaowL)|
| Eazy |[CodePen](https://codepen.io/Eazychen/pen/KKEpNKd?editors=1011)|
| Emily |[CodePen](https://codepen.io/Emily2089/pen/LYaVxGo)|
| yu.t_liu |[CodePen](https://codepen.io/YuT200053/pen/RwdPKQR?editors=1010)|
| Neil | [CodePen](https://codepen.io/Neil1024/pen/wvOagpq?editors=0011) |
| ChihYang | [CodePen](https://codepen.io/hike1707/pen/wvOaJvj) |
| kawa | [CodePen](https://codepen.io/z83xji6/pen/ZEPGLom?editors=1011) |
| KUN. | [CodePen](https://codepen.io/barry91205/pen/GReJreE?editors=1010) |
| yuli | [CodePen](https://codepen.io/qlmjined-the-typescripter/pen/gOEpmme?editors=1010) |
| MY | [CodePen](https://codepen.io/ahmomoz/pen/ExMjWVj?editors=1010) |
| 熊大 | [CodePen](https://codepen.io/asiating/pen/YzgXwGx) |
| Charlotte Lee | [CodePen](https://codepen.io/char849/pen/ExMjWwK) |
| ann6212 | [CodePen](https://codepen.io/yqmegupa-the-styleful/pen/PoLqpBy?editors=1112) |
| Antonio | [CodePen](https://codepen.io/gwhvusel-the-builder/pen/BabNWXE) |
| nini1202desu | [CodePen](https://codepen.io/tvxq5206/pen/bGZdqXP?editors=1010) |
| Celine 510 | [CodePen](https://codepen.io/Celine-510/pen/oNVXWmm) |
| 依依 | [CodePen](https://codepen.io/Rita-Yang/pen/PoLqjNz?editors=1111) |
| celinelinnn |[CodePen](https://codepen.io/celinephoebe/pen/vYPOJzR)|
| Rock | [CodePen](https://codepen.io/xiu43317/pen/GReJMJP) |
| fanshu0303 | [CodePen](https://codepen.io/JuiHsuanLee0303/pen/mdoJqNm) |
| 風羽 | [CodePen](https://codepen.io/Joy-Huang/pen/poYJdBx) |
| FangFang | [CodePen](https://codepen.io/FangFang09/pen/RwdPjvK) |
|yuling|[Coedpen](https://codepen.io/igzdflpu/pen/rNRVpZx)|
|  cbs  |[Codepen](https://codepen.io/wasdjk/pen/YzgXYRe?editors=1011)|
|  小夏  |[Codepen](https://codepen.io/michaelhsia/pen/GReJQoP)|
|  保羅  |[Codepen](https://codepen.io/paul-1997/pen/GReJQjz)|
|  Helen  |[Codepen](https://codepen.io/milkteamonster/pen/oNVXEOm?editors=1010)|
| Enzo | [CodePen](https://codepen.io/Enzo-Lo/pen/poYJLgd) |
| c8529 | [CodePen](https://codepen.io/claire210401/pen/yLwNKOp?editors=1111) |
| SHUO | [CodePen](https://codepen.io/xrzarxkl-the-reactor/pen/VwRLXoK?editors=1010) |
| Yang | [CodePen](https://codepen.io/Yang-J/pen/mdoJLGL?editors=1000) |
| MikeLin | [CodePen](https://codepen.io/MikeLin0701/pen/jOJPpma) |
| jeremyChan | [CodePen](https://codepen.io/nudieisgood/pen/rNRVRBd) |
| 翔.(Ben) | [CodePen](https://codepen.io/energy95272z/pen/NWJqJgg?editors=0011) |
| macihuang | [CodePen](https://codepen.io/macy1215/pen/KKEpEqZ1) |
| carrie | [CodePen](https://codepen.io/echocarriet/pen/wvOaZMm) |
| Fabio20 | [CodePen](https://codepen.io/fabio7621/pen/rNRVgKz) |
| stone4584 | [CodePen](https://codepen.io/Royen0506/pen/KKEpOeL) |
| PoWei#8484 | [CodePen](https://codepen.io/harrison-wei-lai/pen/GReppVW) |
| 黃士桓 | [CodePen](https://codepen.io/shr-huan-huang/pen/LYapZvE?editors=1010) |
| Iris | [CodePen](https://codepen.io/iris831206/pen/abMvWwy?editors=0010) |
| pingshian | [CodePen](https://codepen.io/pingshian0131/pen/qBvOVqL?editors=1010) |
| Peng | [CodePen](https://codepen.io/H-Peng/pen/GRepypW) |
| Tom | [CodePen](https://codepen.io/sp1daTomm/pen/rNROpMg) |
| xuan | [CodePen](https://codepen.io/xuan0915/pen/QWojQwX?editors=1011) |
| .zack_p | [CodePen](https://codepen.io/Designer-PH/pen/dyrYeoG?editors=1010) |
| elena | [CodePen](https://codepen.io/elena0127abc/pen/gOEajmp) |
| Chris | [CodePen](https://codepen.io/cjtseng07/pen/MWxwmzv) |
| peggy | [CodePen](https://codepen.io/peggylai/pen/eYXpXoP?editors=1011) |
| sponge | [CodePen](https://codepen.io/biunpujm-the-flexboxer/pen/BaboEyZ?editors=1010) |
|　Nielsen | [Codepen](https://codepen.io/nielsen_dch/pen/XWGmwWX)|
| PayRoom | [CodePen](https://codepen.io/water38198/pen/jOJbovb)
| haru | [CodePen](https://codepen.io/haru_portfoilo/pen/oNVjKgg?editors=1011) |
| Jason | [CodePen](https://codepen.io/bfnrjakt/pen/vYPLQao) |
| jia yu | [CodePen](https://codepen.io/fjqxaznl-the-reactor/pen/zYbrXry?editors=1011) |
| WEI | [CodePen](https://codepen.io/wei-z/pen/wvOGzJd) |
| skypassion5000 | [CodePen](https://codepen.io/skypassion5000/pen/wvOGrMX) |
| 狸貓 | [CodePen](https://codepen.io/tanuki320/pen/jOJqxxz?editors=1011) |
| runweiting | [CodePen](https://codepen.io/weiting14/pen/LYaREjq) |
| Vivian2857 | [CodePen](https://codepen.io/vivian_lin/pen/MWxjKVr?editors=1010) |
| hua | [CodePen](https://codepen.io/LHua/pen/NWJRVOM) |
| 辣椒 | [Codepen](https://codepen.io/chilichen118/pen/MWxJqJK) |
| Aaron | [Codepen](https://codepen.io/nzygxhnl-the-scripter/pen/JjzNpEp?editors=1111) |
| 關關 | [Codepen](https://codepen.io/ashkuan/pen/ExMmLmP) |
| Ting | [CodePen](https://codepen.io/liara/pen/RwdLaPZ) |
| WA | [CodePen](https://codepen.io/ldddl/pen/bGZyWPB) |
| yuan! | [CodePen](https://codepen.io/townyuan/pen/OJGyXLx) |

<!-- 快速複製
 
| user | [CodePen]() |

-->
