今天完成的事情：

上手制作任务8的页面，了解了更多bootstrap的样式

设置列宽度

<div class="container">

  <div class="row">

    <div class="col">

      1 

    </div>

    <div class="col-6">

      2 (12格中占6格，其它6格另外两列平分)

    </div>

    <div class="col">

      3 

    </div>

  </div>

行列对齐，每行显示两列

<div class="container">

  <div class="row row-cols-2">

    <div class="col">Column</div>

    <div class="col">Column</div>

    <div class="col">Column</div>

    <div class="col">Column</div>

  </div>

</div>

每行显示三列，多余换行

  <div class="row row-cols-3">

    <div class="col">Column</div>

    <div class="col">Column</div>

    <div class="col">Column</div>

    <div class="col">Column</div>

  </div>

</div>

顶部对齐

<div class="row align-items-start">

上下居中对齐

<div class="row align-items-center">

底部对齐

 <div class="row align-items-end">

字体加粗样式

font-weight:600;

数字越大字体越粗

明天计划的事：

完成任务8的页面一

收获：

对bootstrap框架的样式有更多了解

截图：