[BootStrap3] Bug à l'affichage

Bonjour,
J'ai un soucis dans la création d'un formulaire via CakePhp3 et bootstrap3.
Voila je rencontre un petit problème avec mon code.

Ce que je fais

Voici mon code php (basé sur Cakephp3)

<div class="table-responsive">
    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#identity"><?= __("Identifiant") ?></a></li>
        <li><a data-toggle="tab" href="#presentation"><?= __("Présentation site") ?></a></li>
        <li><a data-toggle="tab" href="#password"><?= __("Mot de passe") ?></a></li>
    </ul>
    <div class="tab-content">
    <?= $this->Form->create($user) ?>
        <div id="identity" class="tab-pane fade in active">
            <?= $this->Form->input('username', ['label' => "Indiquez un nom d'utilisateur (utile pour l'identification)"]) ?>
            <?= $this->Form->input('role', [
                'options' => ['admin' => __('Administrateur'), 'author' => __('Auteur'), 'member' => __("Membre")],
                'label' => __("Sélectionnez le role de ce membre")
            ]) ?>
            <?php
            echo $this->Form->input('avatar', ['type' => 'file', 'label' => __('Sélectionnez une photo')]);
            echo $this->Form->input('avatar_dir', ['type' => 'hidden']);
            ?>
        </div>
        <div id="presentation" class="tab-pane fade">
            <?= $this->Form->input('name', ['label' => "Indiquez son vrai prénom"]) ?>
            <?= $this->Form->input('surname', ['label' => "Indiquez son vrai nom"]) ?>
            <?= $this->Form->input('poste', ['label' => "Indiquez son poste dans l'équipe"]) ?>
            <?= $this->Form->input('content', ['label' => "Description"]) ?>
        </div>
        <div id="password" class="tab-pane fade">
            <fieldset class="bg-danger">
                <?= $this->Form->input('password', ['label' => "Veuillez indiquer un mot de passe"]) ?>
                <?= $this->Form->input('password2', ['label' => "Veuillez indiquer un nouveau mot de passe"]) ?>
                <div class="cb"></div>
            </fieldset>
        </div>
    <?= $this->Form->button(__('Ajouter ce membre')); ?>
    <?= $this->Form->end() ?>
</div>

Ce que j'obtiens

J'ai un bug d'affichage lorsque je fais un nav tab.

L'un de vous saurait-il pourquoi j'ai ce vide quand je change de tab?

Ci-dessous le code js:

$(document).ready(function(){
    $('.nav-tabs a').click(function (e) {
        e.preventDefault();
        $(this).tab('show')
    })
});

Je vous remercie par avance.