# BS5-每日任務-0524

### CodePen
https://codepen.io/kristyloksze/pen/ZEeKWJG

---

## 第一題答案
(左邊佔四 右邊佔八)

<div class="container">
  <div class="row">
    <div class="col-4">col-4</div>
    <div class="col-8">col-8</div>
  </div>
</div>

## 第二題答案
(PC版兩欄、平板三欄、手機版四欄)

<div class="container">
  <div class="row">
    <div class="col-4 col-lg-2 col-md-3 col-sm-4">col</div>
    <div class="col-4 col-lg-2 col-md-3 col-sm-4">col</div>
    <div class="col-4 col-lg-2 col-md-3 col-sm-4">col</div>
    <div class="col-4 col-lg-2 col-md-3 col-sm-4">col</div>
    <div class="col-4 col-lg-2 col-md-3 col-sm-4">col</div>
    <div class="col-4 col-lg-2 col-md-3 col-sm-4">col</div> 
  </div>
</div>

## 第三題答案
（右邊佔八的區塊中，添加一個左邊佔據十欄、右邊佔據兩欄的巢狀網格）

<div class="container">
  <div class="row">
    <div class="col-4">col-4</div>
    <div class="col-8">col-8
      <div class="row">
        <div class="col-10">col-10</div>
        <div class="col-2">col-2</div>
      </div>
    </div>
  </div>
</div>