[자바스크립트 js / 실무 기록] 부트스트랩 popover 응용 / popover 이미지 추가 / popover html 내용 보여지기 / popover 줄바꿈

  html

data-content 주목

<a class="tx-20 mr-2">
	<i style="color:#6d4acf; cursor: pointer;"
	class="menu-icon fa far fa-question-circle" data-rel="popover"
	title="CSV파일로 일괄 등록하는 법" data-placement="top"
    data-content="
	<img src='../assets/img/help.jpg' width=100% height=100%></br></br>
	<p>1. 'CSV 양식 다운로드'를 클릭해 주세요. </p>
	<p>2. 상단의 이미지를 참고하여 관리자페이지에서 제공하는 CSV 파일을 다운 받습니다.</p>
	<p>3. 다운 받은 CSV 파일을 열어, 양식에 맞게 내용을 작성한 후 저장합니다.</p>
	<p>4. 'CSV 파일 업로드'를 클릭하여, 저장한 CSV 파일을 업로드 합니다.</p>
	<p>5. 추가될 점주 목록이 화면에 보여지면, 하단의 '저장하기'를 클릭해 주세요.</p>
	<p>&nbsp;</p>
	">
	</i>
</a>

 

 

 

 

 

  js

코드 추가

$(document).ready(function() {
    $('[data-rel=popover]').popover({
      html: true,
      trigger: "hover"
    });
})