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>