Я не могу получить html внутри тега заголовка bootstrap подсказки, отображаемой как html, вместо этого она отображается в виде тегов,

Question

<div class="collapse navbar-collapse offset footer-collapse" id="navbarSupportedContent">
                        <div class="nav navbar-nav menu_nav ml-auto branches justify-content-center">
                            <a  href="#" class="khi" style="color:#dd101d;" class="tooltip bs-tooltip-top" title="<div>Tooltip Text</div>"> <div class="arrow"></div>
                                Karachi


                            </a>



                            <a  href="#" class="isl" style="color:#dd101d;" data-toggle="tooltip" data-placement="top" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">Islamabad

                            </a>
                            <a href="#"  class="lhr" style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Lahore Branch">Lahore

                            </a>
                            <a href="#" class="mul" style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Multan Branch">Multan 

                            </a>
                            <a  href="#" class="guj" style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Gujranwala Branch">Gujranwala

                            </a>
                            <a href="#"  class="fsl" style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Faisalabad Branch">Faisalabad

                            </a>
                            <a href="#"  class="ryk" style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Rahimyarkhan Branch">Rahimyarkhan

                            </a>
                            <a href="#" class="suk"  style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Sukkur Branch">Sukkur

                            </a>
                            <a href="#" class="hyd"  style="color:#dd101d;" data-toggle="tooltip" data-placement="top" title="Peshawar Branch">Peshawar

                            </a>
                            <a  href="#"  class="khi"  style="color:#dd101d;" data-toggle="tooltip" data-placement="top" titlle="Hyderabad Branch">Hyderabad

                            </a>


                        </div>

                    </div>
                </div>
            </nav>

$ (документ) .ready (function () {`$ ('. Khi'). Tooltip (); $ ('. Isl'). Tooltip (); $ ('. Lhr'). Tooltip () ; $ ('. guj'). tooltip (); $ ('. ryk'). tooltip (); $ ('. hyd'). tooltip (); $ ('. suk'). tooltip (); $ ('.mul'). tooltip (); $ ('. fsl'). tooltip ();});