HTML Bootstrap nav-tabs

Question

У меня проблема с bootstrap nav-tabs. У меня есть этот код. Когда я нажимаю кнопку компании, он показывает мне текст в компании и текст в пресс-центре. Когда я нажимаю на кнопку пресс-центра, он показывает мне текст только в прессе, и когда я нажимаю кнопку контактов, он показывает мне текст в пресс-центре и контактах.

Любая идея, как решить эту проблему?

Благодаря

<div class="about_us_links"> 
    <ul class="nav nav-tabs"> 
    <li class="active"><a href="#company" data-toggle="tab">Company</a></li> 
    <li><a href="#pressroom" data-toggle="tab">Press Room</a></li> 
    <li><a href="#contacts" data-toggle="tab">Contacts</a></li> 
    </ul> 
</div> 
<div class="tab-content"> 
    <div id="company" class="tab-pane fade in active">aaa</div> 
    <div id="pressroom" class="tabe-pane">bbb</div> 
    <div id="contacts" class="tab-pane">ccc</div> 
</div> 

Answer 1

У вас есть неправильный класс в pressroom дел. она должна быть tab-pane вместо tabe-pane

<div id="pressroom" class="tab-pane">bbb</div> 

Js Fiddle Demo