Загрузочный кулачок вставляемый вниз

Question

Я использую bootstrap, и у меня есть страница, которая вызывает у меня проблемы при использовании плагина Tab. Тело табуляции сбрасывается примерно на 400 пикселей ниже фактических вкладок. Это происходит только на этой странице, большинство других страниц очень похожи и используют один и тот же плагин табуляции, но они не вызывают столько проблем.

Tab Код:

<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> 

jsFiddle: http://jsfiddle.net/f2TG8/

Мой CSS и все ресурсы в JSFiddle.

Answer 1

Существует проблема с классом .nav, у которого есть :after и :before стили, которые создают такое свободное пространство. Вы можете добавить это к вашему CSS:

.nav { 
    overflow:hidden; 
} 

Открыть демо http://jsfiddle.net/f2TG8/2/