반응형
Bootstrap-Vue: 요소를 나머지 공간에 채우십시오.
Bootstrap-Vue 애플리케이션에는 다음 계층이 있습니다.
<b-navbar.../>
<b-container >
<b-row align-v="center" style="min-height:100vh">
<b-col style="align-items:center">
<h1>404 Error</h1>
<p>The page you have requested does not exist.</p>
</b-col>
</b-row>
</b-container>
그<b-navbar .../>요소는 고정된 높이를 가지고 있지 않지만 대신 요소 내부의 요소에 따라 크기가 조정됩니다.
컨테이너의 내용물이 다음 높이를 계산하지 않고 나머지 뷰포트에 채워지도록 할 수 있는 방법이 있습니까?<b-navbar .../>404 텍스트는 항상 남은 공간 가운데에 있도록 수동으로?현재 Navbar를 확장하면 404 텍스트가 뷰포트의 아래쪽 가장자리를 향해 이동합니다.
언급URL : https://stackoverflow.com/questions/47691281/bootstrap-vue-make-element-fill-remaining-space
반응형
'programing' 카테고리의 다른 글
| 컴포넌트 템플릿 내의 Vuex getter에서 업데이트된 값을 얻는 방법 (0) | 2022.07.01 |
|---|---|
| Vuetify 폼 검증 - 일치하는 입력을 위한 ES6 규칙 정의 (0) | 2022.07.01 |
| vuex에서 모듈의 네임스페이스란 정확히 무엇입니까? (0) | 2022.07.01 |
| 그래들 프록시 구성 (0) | 2022.07.01 |
| 컴파일을 완료하지 못했습니다.이미 존재하는 프로그램 유형: com.google.android.gms.internal.measurement.zabn (0) | 2022.07.01 |