JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div id="container" class="account">
<header class="clearfix">
<ul class="nav nav-tabs" data-tabs="tabs">
<li class="active"> <a href="#ingresar" data-toggle="tab">Ingresar</a>
</li>
<li> <a href="#crear-una-cuenta" data-toggle="tab">Crear una cuenta</a>
</li>
</ul>
</header>
</div>
<div class="account-container">
<div class="tab-content row">
<div class="col-md-8">
<div id="ingresar" class="tab-pane fade in active">
<form>
<div class="form-group">
<input type="text" name="test1" />
</div>
<div class="form-group">
<input type="text" name="test2" />
</div>
</form>
</div>
<div id="crear-una-cuenta" class="tab-pane fade">
<form>
<div class="form-group">
<input type="text" name="test1" />
</div>
<div class="form-group">
<input type="text" name="test2" />
</div>
<div class="form-group">
<input type="text" name="test3" />
</div>
<div class="form-group">
<input type="text" name="test4" />
</div>
<div class="form-group">
<input type="text" name="test5" />
</div>
<div class="form-group">
<input type="text" name="test6" />
</div>
</form>
</div>
</div>
</div>
</div>
CSS
.account-container .fade {
height: 0;
}
.account-container .fade.in {
height: 100%;
}