how to integrate bootstrap tab + GC?

Hi, here is a portion of the view. To be precise it's a part of the tabbed contents.

<div class="tabbable" id="tabs-583161">
				<ul class="nav nav-tabs">
					<li class="active">
						<a href="#panel-613386" data-toggle="tab">Section 1</a>
					</li>
					<li>
						<a href="#panel-565698" data-toggle="tab">Section 2</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="panel-613386">
						<p>
							I'm in Section 1.
							<?php echo $output; ?>
						</p>
					</div>
					<div class="tab-pane" id="panel-565698">
						<p>
							Howdy, I'm in Section 2.
						</p>
					</div>
				</div>
			</div>

My question is, how to set the tab panel id="panel-613386" in section one to the preferable function?

is there any way that I can subsitute

<a href="panel-613386">

to become something like this?

<a href='<?php echo site_url('examples/customers_management')?>'>Customers</a>

Thanks!

- - -

solved with bootstrap 3.

not with tabs but the navigation.

how to integrate bootstrap tab + GC?

ceroberoz