CI발로그 CI발로그

bootrstrap

• bootstrap tooltip

  javascript&html 2022. 7. 12. 13:22

  #부트스트랩 툴팁 적용 부트스트랩 css 및 bootstrap.bundle.min.js 필요합니다. 1) a tag Hover overme 2) button data-placement : top, left,right,bottom 정보를 넣을 수 있다. 툴팁이 어디에 위치할 것인가를 정한다. Tooltip on top 3) button 태그 입력 title 에 줄바꿈 (line break) 가 필요할 때 사용한다. ( 코드를 넣으면 된다고 하는데 되진 않는다.) data-html="true" 입력 시 태그가 적용된다. Tooltip on top 4) css title 정보가 길어질 경우, css 변경하여 너비를 조정한다. .tooltip-inner{max-width: none;} Hover overme T..

  Read More