Anker-links in bootstrap nicht funktioniert

Ich bin mit bootstrap 3.2.0. Ich habe einige Inhalte in den tabs, und ich möchte einen Anker-link auf diese Inhalte in den tabs zu verschiedenen websites. Hier ist mein code:

        <div class="bs-docs-example">
         <div class="tabbable tabs-left">
            <ul class="nav nav-tabs">

                <li><a href="#1A" data-toggle="tab"> Sample#1 </h1></a></li>
                <li><a href="#2A" data-toggle="tab"> Sample#2 </h1></a></li>
             </ul>
            <div class="tab-content">

                <div class="tab-pane" id="1A">

                    <li id="ndf_35"></li>

                </div>
                <div class="tab-pane" id="2A">

                    <li id="ndf_36"></li>


                </div>



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

Erstelle ich den link wie folgt :

    <a href="http://www.example.com/page1#ndf_36">some text </a>

Aber es funktioniert nicht. Hat jemand eine Idee wie man dieses Problem beheben?