Tabs JQuery versus Bootstrap opening page php

I'm working with JQuery TABs, after adding the proper scripts links and starting the tab, the use to open PHP page in the tabs is very simple

    <div id="tabs">
        <ul class="nav nav-tabs">
            <li><a data-toggle="tabs" href="/aba1.php">Nível: 1</a></li>
            <li><a data-toggle="tabs" href="/aba2.php">Nível: 2</a></li>
            <li><a data-toggle="tabs" href="/aba3.php">Nível: 3</a></li>
        </ul>
    </div>

I do not need the DIVs of the tabs below because they will be created automatically by JQuery

Now with Bootstrap we have the following:

  <div class="container">
    <ul class="nav nav-tabs">
      <li><a data-toggle="tab" href="#aba1">Nivel: 1</a></li>
      <li><a data-toggle="tab" href="#aba2">Nivel: 2</a></li>
      <li><a data-toggle="tab" href="#aba3">Nivel 3</a></li>
    </ul>

    <div class="tab-content">
      <div id="aba1" class="tab-pane fade in active">
        Conteudo 1
      </div>
      <div id="aba2" class="tab-pane fade">
        Conteudo 2
      </div>
      <div id="aba3" class="tab-pane fade">
        Conteudo 3
      </div>
    </div>
  </div>

The above in the Jquery tabs I could make fixed as below in the bootstrap, would be the same procedure creating the proper DIVs for each tab.

In JQuery I can only load the contents of the tab that I want when the tab is clicked, already in the bootstrap I did not find how to use the link or dynamic page in each tab, I put the link in the tab more it just does not load nor the error, I would have to load all the contents of the DIVs, but what if I want to do a dynamically loading of the div like JQuery how to proceed?