无法在模式页脚中的bootstrap-vue列中居中选择列表和分页器

<template>
  <div>
    <b-container>
      <b-row>
        <b-col>
          <b-form-select v-model="selectedOption">
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option>
          </b-form-select>
        </b-col>
        <b-col>
          <b-pagination v-model="currentPage" :total-rows="totalRows" :per-page="perPage"></b-pagination>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      currentPage: 1,
      perPage: 10,
      totalRows: 100
    };
  }
};
</script>