Bootstrap Vue popover width(넓이) 및 스크롤 적용하기 DEV / WEB
2020-09-03 posted by sang12
Vue에서 Bootstrap의 popover를 사용하여 사용자에게 정보를 보여주는 일이 생겼는데, 높이와 넓이가 한정적이라서 정보를 보여주기가 너무 불편했다. 그럴경우 아래와같이 css 속성을 변경해서 사용 가능하다. 원하는 값으로 셋팅하면 된다~
<style type="text/css">
.popover{
max-width:600px;
}
.popover-body {
height: 300px;
width:300px;
overflow-y: auto;
}
</style>
하다보니 body에도 max로 값을주면 더 이쁘다..
<style type="text/css">
.popover{
max-width:600px;
}
.popover-body {
max-height:300px;
overflow-y: auto;
}
</style>
REPLY