結構：
.container>.row>.col-1.box{$$}*12

結構：
.box

結構：
.row>.col-1*12>.box{$$}

1. 【class="container"】之下是【class="row"】：才不會有水平捲軸
2. 【class="row"】之下是【class="col=xx"】
3. 頁面內容應放在【class="col=xx"】之下：才會依網格規則排列

結構：
.row>.col-3.col-sm-6.col-md-2.col-lg-1.col-xl-2*4>.box{$$}

結構：

1. S1：.row>.col-2*3>.box{$$}
2. S2：.row加入【.justify-content-end】
3. S3：第1個.col-1加入【.order-3】
4. S4：第2個.col-2加入【.mr-auto】