부트 스트랩 tooltip (툴팁) + html 사용 지원

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>


<a href="#" class="fas fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"  title="안내할<br>내용" data-original-title="Default tooltip" style="text-decoration: none;"></a>

<script type="text/javascript">

    $(document).ready(function() {
        $('[data-toggle="tooltip"]').tooltip()
        
        /*
        //html 적용
        $(document).tooltip({
           content: function() {
            return $(this).prop('title');
           }
        });
		*/

    });

</script>

data-html="true" 옵션으로 html 태그 사용가능

 

top, left, right, bottom 사용가능 

data-placement="top"