---
# System prepended metadata

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

---

---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 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 / 答案                                |
|:---------------:|:----------------------------------------------------------------------------:|
|   Wendy3#5615   |              [Codepen](https://codepen.io/wendy03/pen/VwBYOjy)               |
|   albee#9121    |      [Codepen](https://codepen.io/albee-chang/pen/OJwPYbr?editors=1011)      |
|     YC#2522     |                [CodePen](https://codepen.io/YCLu/pen/oNMNPPe)                |
|    RJRS#9430    |                [CodePen](https://codepen.io/RJRS/pen/bGjNywZ)                |
|   魚子醬#5220   |              [CodePen](https://codepen.io/haihsuan/pen/bGjNygJ)              |
|    yuyu#6310    |       [CodePen](https://codepen.io/yuyu0905/pen/KKBwLWK?editors=1011)        |
|   Benson#6763   |              [CodePen](https://codepen.io/kumashow/pen/JjBoqrr)              |
|    薯餅#3581    |           [CodePen](https://codepen.io/ColdingPoTaTo/pen/VwBYOXd)            |
|   黑白兔#0684   |             [CodePen](https://codepen.io/johnny329/pen/KKBwLed)              |
| PeihanWang#2530 |      [CodePen](https://codepen.io/PeihanWang/pen/vYaEwZr?editors=1111)       |
|    威0#6919     |      [codepen](https://codepen.io/n0918679182/pen/gOjbJdE?editors=0011)      |
|    Sean#3825    |       [codepen](https://codepen.io/sean_1215/pen/xxJbNLr?editors=1011)       |
|  AuroraC#6539   |        [codepen](https://codepen.io/AuroraC/pen/LYBEoQQ?editors=1010)        |
|     bakiii      |               [codepen](https://codepen.io/aki168/pen/RwBNovO)               |
|  kekni100#0068  |               [Codepen](https://codepen.io/ken100/pen/ZEjYNXO)               |
|    阿榮#8277    |        [CodePen](https://codepen.io/mogzbvfl-the-reactor/pen/ZEjYNRB)        |
|    Alex#9978    | [CodePen](https://codepen.io/datsxzqg-the-selector/pen/eYjmaKg?editors=1011) |
|   Cheryl#4007   |      [Codepen](https://codepen.io/Cheryl-Hsu/pen/eYjmaxW?editors=1011)       |
| LHchien33#6232  |             [Codepen](https://codepen.io/lin_chien/pen/NWBPVJq)              |
|    Kimi#9564    |              [CodePen](https://codepen.io/kimihu91/pen/xxzNqzQ)              |
|   心幻羽#0056   |            [CodePen](https://codepen.io/linglingsyu/pen/QWBwdBO)             |
|  mandylai#4055  |      [CodePen](https://codepen.io/mandy-lai-2/pen/LYBEoXm?editors=0011)      |
| Yuna Huang#2692 |       [CodePen](https://codepen.io/Yuna1002/pen/gOjbJjE?editors=1011)        |
|    威爾#1694    |              [CodePen](https://codepen.io/WILL_Wu/pen/VwBYJaR)               |
| christina#6185  |             [Codepen](https://codepen.io/chrisc0210/pen/xxJboqa)             |
|   JackC#0411    |              [CodePen](https://codepen.io/key0329/pen/oNMgrZm)               |
|  Jill Lee#0809  |     [CodePen](https://codepen.io/chi-ling-lee/pen/MWBYdMp?editors=1011)      |
|    ㄚ翔#8126    |          [Codepen](https://codepen.io/engineerjohnson/pen/xxJbopQ)           |
| jimmyFang#9575  |              [Codepen](https://codepen.io/pohxiqqo/pen/zYLxVRJ)              |
|    int#7518     |       [Codepen](https://codepen.io/intHuang/pen/jOpEjmB?editors=1011)        |
|    Rena#6249    |            [Codepen](https://codepen.io/aureate0116/pen/QWBwXoO)             |
|    Fang#4680    |              [Codepen](https://codepen.io/std95174/pen/WNKbqLE)              |
|  LinaChen#1796  |              [Codepen](https://codepen.io/LinaChen/pen/VwBYoym)              |
|    yaru#6308    |       [CodePen](https://codepen.io/lszaietc/pen/PoBwrOZ?editors=1111)        |
|   RainJ#3480    |       [CodePen](https://codepen.io/RainJCode/pen/OJwPKqE?editors=1010)       |
|   SASIMI#5099   |            [Codepen](https://codepen.io/sashimi1327/pen/oNMgKKW)             |
| 出事了阿伯#9923 |            [Codepen](https://codepen.io/BradpittLai/pen/PoBwMVR)             |
|   RyanC#6960    |        [Codepen](https://codepen.io/RyanYD/pen/abjzgwa?editors=1011)         |
|    米米#1824    |     [Codepen](https://codepen.io/Jameshsu0407/pen/zYLxVNj?editors=0011)      |
|    大衛#4869    |       [Codepen](https://codepen.io/exnsrpjc/pen/GRBgadP?editors=0010)        |
| Potatolee#7749  |      [Codepen](https://codepen.io/potatoleee/pen/LYBVPWz?editors=1111)       |
| masterYan#2480  |  [Codepen](https://codepen.io/htzwgoqt-the-looper/pen/WNKvegb?editors=1010)  |
|   ABOOS#6276    |       [Codepen](https://codepen.io/guhungyin/pen/MWBYNNg?editors=1111)       |
|   Wendy#8049    |              [Codepen](https://codepen.io/Wendy__/pen/WNKvebm)               |
|  Amberhh#2465   |              [Codepen](https://codepen.io/Amberhh/pen/GRBgavY)               |
|    Tami#6742    |         [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/gOjpOMY)          |
|   Hilda#7085    |         [Codepen](https://codepen.io/vwquikad-the-vuer/pen/zYLGYda)          |
|  hannahTW#2224  |       [CodePen](https://codepen.io/hangineer/pen/poZJyEz?editors=1011)       |
|   楊苡安#2752   |      [Codepen](https://codepen.io/yi-an-yang/pen/PoBqwOJ?editors=1111)       |
|  Hironaka#7367  |     [Codepen](https://codepen.io/Hironaka0815/pen/PoBqqqB?editors=1011)      |
|  老皮博士#8050  |        [Codepen](https://codepen.io/li0406/pen/vYaOOXR?editors=1010)         |
|    泊岸#3466    |      [Codepen](https://codepen.io/qoq77416416/pen/gOjpbag?editors=1011)      |
|    圈圈#4060    |         [Codepen](https://codepen.io/wjejfczn-the-bold/pen/dyjPEWd)          |
|   小木馬#8760   |       [Codepen](https://codepen.io/wmmtbcsd/pen/JjBddzp?editors=1010)        |
|   Bella_#1587   |             [Codepen](https://codepen.io/Chen-Bella/pen/eYjNNwW)             |
|   azami#5986    |               [Codepen](https://codepen.io/azami/pen/PoBqPYM)                |
柚子#3958|[Codepen](https://codepen.io/as6625998/pen/qBydObM?editors=0011)|
|冬天#5215|[Codepen](https://codepen.io/winter_/pen/NWBqGEj)|
|小夜#3809|[Codepen](https://codepen.io/Naito_K/pen/MWBwWoE?editors=1000)|
|xin#1214|[Codepen](https://codepen.io/SiaoYao/pen/poZJgLq)|
|Chi#7605|[Codepen](https://codepen.io/YoChi84/pen/jOpPqOR)|
Zack_P#1805|[Codepen](https://codepen.io/tmzazirh-the-animator/pen/RwBPamv?editors=1011)|
|jacky010080#0880|[CodePen](https://codepen.io/Yen-Jung-Chen/pen/xxJGVvY?editors=1010)|
|Austyn#0949|[CodePen](https://codepen.io/fish90547/pen/GRBJqxJ?editors=1012)|
|Ruby Chen#7452|[Codepen](https://codepen.io/ruby92429/pen/RwBPRZX?editors=1011)
|Bassjim#0118|[Codepen](https://codepen.io/unrtxbaq/pen/RwBPRzr?editors=1011)|
|無名#6427|[Codepen](https://codepen.io/Nomoney/pen/PoBojPN)|
|KC_8685#9343|[Codepen](https://codepen.io/cathy7411/pen/OJwVgML)|
|阿沁#8176|[Codepen](https://codepen.io/a8322342/pen/oNMXeNv?editors=1010)|
|Winnie#1306|[Codepen](https://codepen.io/WinnieWuWinnie/pen/BaPNdVY?editors=0011)|
|艸良#2846|[Codepen](https://codepen.io/momoninainai/pen/RwBPLwj?editors=1010)|
|JY#5712|[CodePen](https://codepen.io/judy_123/pen/eYjNYPK)|
|竹輪#3335|[CodePen](https://codepen.io/chikuwa0120/pen/poZJdVr)|
|Asher Xu#9297|[CodePen](https://hackmd.io/HFPxot8vTVWLixU8T4vjBQ)|
|How#5806|[CodePen](https://codepen.io/howtobefine/pen/ExpjoZz)|
|AkiHico#9239|[Codepen](https://codepen.io/akihico/pen/LYBVezV?editors=1010)|
| yummyniya#7185 | [Codepen](https://codepen.io/yummyniya/pen/PoJBoPp)                   |
| Eileen#6454 |[Codepen](https://codepen.io/Eileen-io/pen/OJwVzwz)|
|Judy Wei#6103|[Codepen](https://codepen.io/Judy0718/pen/ExpjmRm)|
|Yishan#4902|[Codepen](https://codepen.io/gdjrehhw-the-animator/pen/RwBPxVG?editors=1100)|
|yoyo123456#0577|[Codepen](https://codepen.io/hungyoyo/pen/oNMXrvd?editors=1111)|
|shiuan#4721|[Codepen](https://codepen.io/prankaChang/pen/NWBGKaJ?editors=1011)|
|阿鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/LYBpRbw?editors=1010)|
|yoyo#1003|[CodePen](https://codepen.io/pen/OJwyRvg)|
|RainLiao#2616|[CodePen](https://codepen.io/billpop741/pen/XWBbJRw)|
|柔柔#1716|[Codepen](https://codepen.io/rouchen/pen/XWBmNQN?editors=1010)|
|FiReBrO#0557|[Codepen](https://codepen.io/firebro42/pen/NWBGbeV)|
|Knock59487#9114|[Codepen](https://codepen.io/Zack88/pen/wvxKegw?editors=1111)|
|Hazel.#6020|[CodePen](https://codepen.io/Hazelhsieh/pen/GRBRoqy?editors=1011)|
|Ron Liang#7277|[CodePen](https://codepen.io/ron-go/pen/KKBdRNy)|
|CatBoxy#4207|[CodePen](https://codepen.io/nekoboxy/pen/JjBdPRN)|
|PH#2731|[CodePen](https://codepen.io/lokf9527/pen/bGjVMXv?editors=1011)|
|kevin#6131|[CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/BaPoVzx?editors=1011)|
|Wei#2330|[Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/eYjpjzg)|
|ChloeLo#4858|[Codepen](https://codepen.io/chloelo/pen/KKBdBRN)|
|Chaya#3412|[Codepen](https://codepen.io/ChiaoJiao/pen/abjvMej?editors=1011)|
|Paul#7426|[CodePen](https://codepen.io/paul-1997/pen/poZggbW?editors=1011)|
|enolachen#8031|[CodePen](https://codepen.io/Chen-Enola/pen/qBydNvG)|
|popcorn_3q#9893|[CodePen](https://codepen.io/arnyrpqt-the-sasster/pen/KKBzweX)|
|helena#8461|[CodePen](https://codepen.io/helena27/pen/poZydXb?editors=1010)|
|sophiee#7015|[codepen](https://codepen.io/sophiee2727/pen/jOpqYzm)|
|PayRoom#8328|[CodePen](https://codepen.io/water38198/pen/qByNdoE)
|雞腿#6089|[CodePen](https://codepen.io/C-WEi/pen/wvxWMov?editors=1010)
|Cookie SSS#6991|[codepen](https://codepen.io/sqhjikpa-the-selector/pen/dyjzQZe)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/VwBQMpR)|
|周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/WNKyLRd?editors=0012)|
|Jujubeleven#1036|[Codepen](https://codepen.io/jujubeleven/pen/NWBOQQj?editors=1001)|
|  cbs#9007  |[Codepen](https://codepen.io/wasdjk/pen/WNgOZBp?editors=1010)|
|  Eason#7884  |[Codepen](https://codepen.io/ASLEO/pen/LYJwZKG)|