2-4 自動的平均分配欄寬

Bootstrap 4 因為使用了 CSS Flexbox，所以不輸入數字 = 平均分配欄寬。

一、Bootstrap 4  不需輸入數字就能根據 col 的數量分配欄寬

<div class="row">
  <div class="col-sm"></div>
  <div class="col-sm"></div>
  <div class="col-sm"></div>
</div>

https://codepen.io/ugm/pen/rdQYGo

二、設定其中一個欄寬，剩下的平均分配：

<div class="row">
  <div class="col-sm"></div>
  <div class="col-sm-6"></div>
  <div class="col-sm"></div>
</div>

三、動態調整欄寬

<div class="row">
  <div class="col-sm">a</div>
  <div class="col-sm-auto">bbbbbbbbbbbbbbbbbbbbbbbbbb</div>
  <div class="col-sm">c</div>
</div>