BootstrapVue 利用 b-row 實作響應式設計

例如若為筆電或桌機則用一列顯示兩個選單，若為手機則一列顯示一個選單

<b-row>

  <b-col class="col-12 col-lg-6">

                    尺寸：<b-form-select v-model="規格" :options="規格s" style=" width: 8em; display: inline-block " value-field="value" text-field="text">

                    </b-form-select>

  </b-col>

  <b-col class="col-12 col-lg-6" style="display: flex; align-items: center;">

                    品名：<b-form-select v-model="商品類別" :options="商品類別s" style=" width: 10em; display: inline-block " value-field="value" text-field="text">

                    </b-form-select>

  </b-col>

</b-row>

※b-col 中若同時包含文字跟input、select，則要加上 style="display: flex; align-items: center;" 會比較美觀，否則文字會偏上沒有置中對齊很醜!