css - Twitter Bootstrap nav nav-tabs がクリックしても変化しない

Question

ナビタブの見た目が好きなので使いたいです。Web アプリケーションの現在の外観は次のとおりです。

残念ながら、他のタブ (たとえば、"Buscar alojamiento") をクリックしても、アクティブなタブは変わりません。これは私のコードです:

<ul class="nav nav-tabs">

    <li>        
        <g:link controller="usuario" action="show">         
            <g:message code="nav.usuario.show" default="Datos del usuario" />           
        </g:link>       
    </li>   

    <li class="active">
        <a href="${createLink(uri: '/')}">
            <g:message code="nav.home" default="Página de inicio" />
        </a>
    </li>

    <li>        
        <g:link controller="alojamiento" action="show">         
            <g:message code="nav.alojamiento.show" default="Buscar alojamiento" />          
        </g:link>       
    </li>   

</ul>

class="active" も削除してみます。これまでにアクティブなタブはありません。

Answer 1

各タブのコンテンツを切り替えるには、Tabbable Navが必要です。