Having an issue with the Tab plugin in Bootstrap on a particular page. The tab body is being pushed down 400px below the actual tabs. This behavior is only occurring on this specific page, while most other pages using the same plugin are functioning fine.
Here is the Tab Code:
<ul class="nav nav-tabs">
<li class="active"><a href="#entireAsset" data-toggle="tab">Entire Asset</a></li>
<li><a href="#entireSite" data-toggle="tab">Entire Site</a></li>
<li><a href="#singleService" data-toggle="tab">Single Service</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="entireAsset">
<p>Hello tab 1</p>
</div><!--End Entire Asset tab-->
<div class="tab-pane" id="entireSite">
<p>Hello tab 2</p>
</div>
<div class="tab-pane" id="singleService">
<p>Hello tab 3</p>
</div>
</div>
Check out the jsFiddle for a demonstration: http://jsfiddle.net/f2TG8/
All necessary CSS and resources can be found in the JSFiddle link above.