Bootstrap Template
Empty template with Bootstrap JS, CSS and Font Awesome
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- Top Tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#tab-perfiles" data-toggle="tab">Perfiles</a>
</li>
<li><a href="#tab-mallas" data-toggle="tab">Mallas</a>
</li>
<li><a href="#tab-laminas" data-toggle="tab">Láminas</a>
</li>
<li><a href="#tab-corrugado" data-toggle="tab">Corrugado</a>
</li>
<li><a href="#tab-cables" data-toggle="tab">Cables</a>
</li>
<li><a href="#tab-tecnologico" data-toggle="tab">Tecnológico</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-perfiles">
<div class="container-fluid">
<div class="row tab-categoria-producto">
<!-- Tab 1 navigation -->
<ul class="col-sm-3 nav nav-list">
<li class="active"><a href="#sasha" data-toggle="tab">Sasha</a>
</li>
<li><a href="#akira" data-toggle="tab">Akira</a>
</li>
</ul>
<!-- Tab 1 content -->
<div class="col-sm-9">
<!-- Tab panes -->
<div class="tab-content">
<div class="t" id="sasha">Hola Sasha</div>
<div class="tab-pane" id="akira">Hola Akira</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-mallas">Content 2</div>
<div class="tab-pane" id="tab-laminas">Content 3</div>
<div class="tab-pane" id="tab-corrugado">Content 4</div>
<div class="tab-pane" id="tab-cables">Content 5</div>
<div class="tab-pane" id="tab-tecnologico">Content 6</div>
<!-- Fin tab content...