728x90
기존 코드
<div class="row">
<div class="col">
<b-pagination align="center"></b-pagination>
</div>
</div>https://bootstrap-vue.org/docs/components/pagination
BootstrapVue
Quickly integrate Bootstrap v4 components with Vue.js
bootstrap-vue.org
분명 docs에는 align="center" 하면 가운데 정렬이 되는 걸로 나온다.
<b-row align-h="center" align-content="center">
<b-col cols="auto">
<b-pagination align="center"></b-pagination>
</b-col>
</b-row>b-row, b-col 로 바꾸고 cetner 과 cols="auto"를 추가하니 가운데 정렬이 되었다.
728x90
'Front-End > Vue.js' 카테고리의 다른 글
| vue3 Composition API Setup()에서 async await 사용하기 (0) | 2023.06.20 |
|---|---|
| v-if v-else 에서 $refs 값이 나오지 않을 때 삽질중이라면 (0) | 2023.06.15 |
| vue3 setup() onSubmit emit 사용하기 (0) | 2023.05.31 |
| Vue.js 버튼에 클릭 이벤트 함수 여러개 달기 - 주의사항? (0) | 2021.11.04 |
| Vue.js watch 사용 할 때 TypeError: Cannot read property 'pageClick' of undefined 에러 (0) | 2021.08.01 |